Question

我正在使用phonegap构建一个应用程序。问题是，当我在浏览器上运行我的代码时，它工作得很好..但是在移动设备上oninput（）dsnt fire。我的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属性。

oninput（）不会在移动设备上触发

1 个答案: