Question

我正在使用以下代码

$("p").click(function(){
  alert("You clicked on paragraph");
});

它适用于所有桌面浏览器，但不适用于任何移动浏览器？如何编写适用于桌面和移动设备/平板电脑的代码？

Answer 1

绑定点击和 touchstart 事件。在桌面浏览器上将拦截click事件，在移动浏览器上触发touchstart事件

var flagEvent = false;
$("p").bind('touchstart click', function(){
     if (!flagEvent) {
        flagEvent = true;
        setTimeout(function(){ flagEvent = false; }, 100);

        //your code

      }

      return false
});

Answer 2

我希望这也有效

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

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

我可以在上面的函数中使用ajax调用吗？

智能手机和桌面浏览器问题上的Jquery点击事件

2 个答案: