Question

这是我的HTML代码

 < button class="send-report" name="submit" id="submit" type="submit" onclick="reportfeed()">Send Report< /button>

第一次点击时键盘消失了，＆＃39; reportfeed＆＃39;功能仅在第二次单击（在ipad中）

function reportfeed()
{
alert(1);
}

我可以使用下面的代码，如果你知道任何其他方法，请帮助我

jQuery(".send-report").bind("click touchstart", function(){
reportfeed();
});

Answer 1

定义一个稍后可以使用的点击处理程序：

var clickHandler = ('ontouchstart' in document.documentElement ? "touchstart" : "click");

$(".send-report").bind(clickHandler, function(e) {
    alert("clicked or tapped. This button used: " + clickHandler);
});

这将触发点击非触摸设备并触摸触摸设备上的触摸屏。

使用.on()，因为我认为.bind()将从未来的脚本中删除。

Answer 2

试试这个

$(".send-report").on('touchstart click', function(){
 reportfeed();
});

您可以使用.stopPropagation（）来停止触发多个事件。此外，如果您想为不同的事件类型执行特定的操作，请使用e.type

 $('.send-report').on('touchstart click', function(e) {    
    e.stopPropagation(); //stops propagation
    if(e.type == "touchstart") {
      // Handle touchstart event.
    } else if(e.type == "click") {
       // Handle click event.
    }
   });

按钮单击不能在ipad中第一次工作

2 个答案: