Question

我有一个网站，其中链接有两种不同的行为：一次点击我过滤内容，双击，用户实际上可以按照链接。

它是使用jQuery实现的，并且在浏览器中运行良好，但是一旦我尝试从移动设备（例如iOS）使用它，它就无法工作。

以下是我在下面使用的代码，有人可以帮忙吗？我想这是因为触摸和双击之间的冲突...也许我可以使用不同的jQuery指令？或者也许有一个图书馆来处理你可以推荐的这类事情？

$(".app-context-link").on('dblclick', function(e) {
   e.preventDefault();
   e.stopPropagation();
   window.location = e.target.href;
});

谢谢！

Answer 1

您可以试试this插件

Answer 2

EDITED：抱歉，由于某种原因，我误读了这个（我正在搜索Android标签）。在这种情况下，onClick（View v）的功能将放在您的点击功能中。如果我没有记错（不是很多js背景对不起），它看起来像是：

$('.button').click(function(){
    // perform functionality
});

- 原帖 -

你可以创建一个变量，比如long firstClick = -1来确定第一次点击。然后是另一个变量，如final int MAX_TIME_BETWEEN_CLICKS = 1000;然后做这样的事情

onClick(View v){
    if(firstClick = -1){
          firstClick = System.currentTimeMillis();
    }
    else if(System.currentTimeMills() - firstClick < MAX_TIME_BETWEEN_CLICKS){
           // Double Click
           firstClick = -1;
    }
}

可能不是最好的方式，但从我的头脑中看，这是一种应该有效的操纵方式。

双击iOS或任何触摸设备

2 个答案: