在Jquery中双击歧义？ [英] Double click ambiguity in Jquery?
本文介绍了在Jquery中双击歧义？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
但是，我正在尝试在窗口中设置一些文本单，双击jquery 。面对歧义 双击。
尝试做双击，首先单击功能，然后双击 works。
类似的问题在这里检查这里，它是非常老的。还有一些问题。
任何使用最新jquery版本的新答案。
检查现场演示我的问题 现场演示
我的代码
<！DOCTYPE html>
< html>
< head>
< script src =http://code.jquery.com/jquery-1.9.1.js>< / script>
< / head>
< body>
< a id =presshref =http://jquery.com>点击此处< / a>
< div id =log>< / div>
< script>
$（＃press）。click（function（event）{
event.preventDefault（）;
$（＃log）。单击！）;
return false;
}）;
$（＃press）。dblclick（function（event）{
event.preventDefault（）;
$（'＃log'）。双击！）;
return false;
}）;
< / script>
< / body>
< / html>
希望我们的堆栈用户能帮助我。
解决方案
我通过
获得最接近的 < a id =presshref =javascript：void（0）onclick =singleClick（event）
ondblclick =doubleClick（event）>点击这里< / 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（我单击！）;
document.getElementById（log ）.innerHTML ='我单击！';
}
}，500）;
}
函数doubleClick（event）{
event.preventDefault（）;
clearTimeout（timer）;
status = 0;
alert（我双击！）;
document.getElementById（log）。innerHTML ='我是双击！
}
I am trying to set some text in window for single and double click in jquery.
But I am facing the ambiguity for double click.
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.
Any new answer using the latest jquery version.
Check the live demo here of my problem live demo
This my code ,
<!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.
解决方案
I got the closest solution by ,
<a id="press" href="javascript:void(0)" onclick="singleClick(event)"
ondblclick="doubleClick(event)">Click here</a>
<div id="log"></div>
My JavaScript will be ,
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屋！
查看全文
