oninput（）不會在移動設備上觸發

Question

我正在使用phonegap構建應用程序。問題是，當我在瀏覽器上運行我的代碼時，它的工作完全正常..但是oninput（）dsnt在移動設備上觸發。 我的HTML是：

  <div class="t1">09</div> 
      <div class="point"><img src="img/point.png" class="dot_img"/></div> 
      <div class="t2">15</div> 
      <div class="point"><img src="img/point.png" class="dot_img"/></div> 
      <div class="t3">am</div> 
      <img src="img/round.png" class="round"/> 
      <input type="time" id="timepicker" oninput="(this.blur())"/> 
      </div> 

我的JS是：

$('.time').click(function() { 

$('#timepicker').focus();  

$('#timepicker').blur(function() { 

    var mtime = document.getElementById("timepicker").value; 


    var startHour = new Date("01/01/2007 " + mtime).getHours(); 

    var startMins = new Date("01/01/2007 " + mtime).getMinutes(); 
}); 

Answer 1

爲什麼不使用變化的事件嗎？您的js代碼將如下所示：

$('.time').click(function() { 
$('#timepicker').focus();  
$('#timepicker').change(function() { 
    $(this).blur(); 
}); 
$('#timepicker').blur(function() { 
    var mtime = document.getElementById("timepicker").value; 
    var startHour = new Date("01/01/2007 " + mtime).getHours(); 
    var startMins = new Date("01/01/2007 " + mtime).getMinutes(); 
}); 

並刪除html輸入元素的oninput屬性。