iPhone Javascript 确认对话框错误

Question

我弹出了一个javascript确认对话框，但是当我点击“取消”时，在对话框关闭后，点击屏幕上的任意位置，对话框再次弹出。它只会发生一次额外的时间，然后您可以再次点击页面而不会弹出对话框。

我只在运行 iOS 5.0.1 的 iPhone/iPad 上看到这个。我没有 iOS 6 设备，所以我不确定它是否在那里发生。

这是我正在使用的代码：

$(bpm.remoteAppDivName).on('tap', 'a.delete-pending-payment', function(event) { 

    if  (isJQMGhostClick(event)) { return false; }

    var deleteGlobalPaymentURL = $(this).attr('href');

    var confirmMsg = confirm ("Are you sure you want to do that?"); 

    if (confirmMsg === true){

        window.location = '/index.htm';

    }
    event.preventDefault();
    return false;

});

var lastclickpoint, curclickpoint;
var isJQMGhostClick = function(event){
    curclickpoint = event.clientX+'x'+event.clientY;
    var ret=false; 
    if (lastclickpoint === curclickpoint) {
        ret=true;
    } else {
        ret=false;
    }
    lastclickpoint = curclickpoint;
    return ret;
}

这是问题页面的链接：http://www.5280skateparks.com/dev/confirmBug.htm

任何帮助将不胜感激。

更新：我刚刚确认它也在 iOS 6.0.1 上发生。

Answer 1

这是在here 和here 中详细讨论的jQuery Mobile“Ghost Click”。在论坛页面上，提出了一个解决方案，我在下面复制了一个小错误修复：

var lastclickpoint, curclickpoint;
var isJQMGhostClick = function(event){
    curclickpoint = event.clientX+'x'+event.clientY;
    var ret=false; 
    if (lastclickpoint === curclickpoint) {
      ret=true;
    } else {
      ret=false;
    }
      lastclickpoint = curclickpoint;
   return ret;
}

我已经稍微修改了这段代码，以不总是期待两次点击。此功能现在可以在 0 次重影点击和 2 次以上重影点击的情况下正常工作。您可以通过在点击处理程序的开头检查 isJQMGhostClick(event) 并在 isJQMGhostClick 函数返回 true 时忽略该事件来使用它。