Phonegap - 在JavaScript中未調用focus（），blur（）等事件

我剛開始使用Phonegap，我想在用戶單擊文本框時清除文本框內容。Phonegap - 在JavaScript中未調用focus（），blur（）等事件

HTML：

<input type="text" class="clear" id="dateVal" name="date" value="date" onblur="clear();"/>/

的JavaScript

function clear() { document.getElementsByTagName('input').value = ''; }

但明確的功能是沒有得到調用。此外，只是試圖把alert在clear() 函數（沒有幫助）。 Everthing其他工作正常。任何幫助，將不勝感激。

全HTML代碼：

<!DOCTYPE html> <html> <head> 
    <title>Age Calculator</title> 

    <script type="text/javascript" charset="utf-8" src="cordova-1.8.1.js"></script> 
    <script type="text/javascript" charset="utf-8"> 
     document.addEventListener("deviceready",onDeviceReady,false); 

    function onDeviceReady() { 
     alert('welcome'); 
    } 
     function calAge() {   
      var x = confirm('Click here to calculate the age'); 
      if(x == true) { 
      document.getElementById('ageId').style.display = block'; 
      } else { 
       navigator.app.exitApp();  } 
     } 
     function submitValues() { 
       var todaysDate = new Date(); 
       var y = todaysDate.getFullYear(); 
       var m = todaysDate.getMonth() + 1; 
       var d = todaysDate.getDate() + 1; 
       var myYear = document.getElementById('yearVal').value; 
       var myMonth = document.getElementById('monthVal').value; 
       var myDate = document.getElementById('dateVal').value; 
       var myYear = (y-myYear); 
       var myMonth = (m-myMonth); 
       var myDate = (d-myDate); 
       document.getElementById('ageId').style.display = 'none';  
       document.getElementById('result').innerHTML = 'You are '+myYear+'years '+myMonth+' months and '+myDate + ' days old :-)'; 
          } function clear() {  document.getElementsByTagName('input').value = ''; } 
    </script> </head> <body> 
    <button onclick="calAge();">Age Calculator</button> <br> 
    <div id="ageId" style="display:none;"> 
     <b>Please Enter your Date Of Birth in (dd/mm/yyyy) format:</b> 
     <input type="text" class="clear" id="dateVal" name="date" value="date" onblur="clear();"/>/ 
     <input type="text" class="clear" id="monthVal" name="month" value="month" />/ 
     <input type="text" class="clear" id="yearVal" name="year" value="year" /> 
     <input type="button" value="submit" onclick = "submitValues();" /> 
    </div> 
    <div id="result"> 
    </div> </body> </html>

來源

2012-06-28 Vimalnath

在HTML5中有一個placeholder屬性。例如：

<input type="text" placeholder="Enter Date" id="dateVal" name="date" />

我們可以用它來得到我想要的。謝謝，可能對某人有幫助。

來源

2012-06-28 07:27:27 Vimalnath

Phonegap - 在JavaScript中未調用focus（），blur（）等事件

回答

相關問題