双击在Jquery中的歧义? [英] Double click ambiguity in Jquery?

查看:170
本文介绍了双击在Jquery中的歧义?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图在窗口中设置一些文本单击并双击jquery

I am trying to set some text in window for single and double click in jquery.

面对歧义双击

尝试双击,先单击单击函数然后双击

When trying to do double click , first single click function works and then double click works.

类似的问题在这里检查这里,它很老了。也有一些问题。

Similar question is here check here and it was very old. Also it has some problem.

使用最新的jquery版本的任何新答案。

Any new answer using the latest jquery version.

现场演示我的问题 现场演示

这是我的代码,

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<a id="press" href="http://jquery.com">Click here</a>
<div id="log"></div>

<script>

$("#press").click(function(event) {
  event.preventDefault();
  $("#log").text("I am single click !");
return false;
});

$("#press").dblclick(function(event) {
      event.preventDefault();
      $('#log').text("I am double  click !");
      return false;
    });
</script>

</body>
</html>

希望我们的堆栈用户能帮助我。

Hope our stack users will help me.

推荐答案

我得到最接近的解决方案

<a id="press" href="javascript:void(0)" onclick="singleClick(event)"
    ondblclick="doubleClick(event)">Click here</a>

<div id="log"></div>

我的 JavaScript 将是

var timer;
var status = 1;

function singleClick(event) {

    event.preventDefault();
    status = 1;
    timer = setTimeout(function() {
        if (status == 1) {
            alert("I am single click !");
            document.getElementById("log").innerHTML ='I  am single click !';
        }
    }, 500);

}

function doubleClick(event) {

    event.preventDefault();
    clearTimeout(timer);
    status = 0;
    alert("I am double click !");
    document.getElementById("log").innerHTML = 'I  am a double  click!';
}

这篇关于双击在Jquery中的歧义?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆