Javascript jQuery的dblclick事件在我的代码中不起作用
jQuery的dblclick事件不起作用。当我用justclick替换dblclick时,它工作得非常好。我不明白这个问题Javascript jQuery的dblclick事件在我的代码中不起作用,javascript,html,jquery,css,jquery-events,Javascript,Html,Jquery,Css,Jquery Events,jQuery的dblclick事件不起作用。当我用justclick替换dblclick时,它工作得非常好。我不明白这个问题 <html> <head> <title>jQuery Selectors</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h2
<html>
<head>
<title>jQuery Selectors</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h2 class="first" id="firstH2">Selectors up jQuery-2</h2>
<p>Paragraph free of any division</p>
<div class="mydivs" id="firstdiv">
<p>This is 1st para in 1st div</p>
<p>This is 2nd para in 1st div</p>
</div>
<div class="mydivs" id="seconddiv">
<p>This is 3rd para in 2nd div</p>
</div>
<button onclick="fn1()" id="btn1">Click Me</button>
<button id="btn2" onclick="fn1()">Click Me 2</button>
</body>
<script src="js/jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#btn1").dblclick(fn1);
function fn1(){
$("#firstdiv").fadeToggle();
}
$("#btn2").dblclick(function(){
$("#seconddiv").fadeToggle();
});
});
</script>
从标记中删除click处理程序,只使用事件处理程序代码 $function{ 功能FN1事件{ $firstdiv.fadeToggle; } $btn1.在'dblclick'上,fn1; $btn2.dblclick函数{ $seconddiv.fadeToggle; }; }; 选择器向上jQuery-2 无任何分割的段落 这是第一部分的第一段 这是第一组的第二段 这是第二组的第三段 点击我
Click Me 2无需编写内联单击事件,也无需添加单独的函数。检查下面的更新代码段 $document.readyfunction{ $btn1.dblclick函数{ $firstdiv.fadeToggle; }; $btn2.dblclick函数{ $seconddiv.fadeToggle; }; }; 选择器向上jQuery-2 无任何分割的段落 这是第一部分的第一段 这是第一组的第二段 这是第二组的第三段 点击我
单击我2Onclick和Dbclick不能在同一按钮上工作
Onclick首先被触发,dbclick被阻止您有常规的Onclick内联调用与dblclick相同的东西。。。。您是否意识到onclick仍然与dblclick一起运行?因此,当您双击时,您正在调用fn1;fn1;FN1同时使用内联onclick和dblclick的原因是什么。这可能是问题的原因。另外,我还需要注意,在两个元素之间应用dblclick回调的不同实现对我来说是一种代码味道。我不得不停下来问问自己,你为什么这么做。编辑:可能是因为fn1被用作内联绑定,所以,嗯。我只是在学习javascript和jquery,因此我对工作不太熟悉。不知道为什么会投反对票,请详细说明为什么这不能回答这个问题。评论不是答案,我已经输入了这个答案并对其进行了测试。FWIW如果OP想同时使用onclick和ondblclick,那真的是另一个问题。@在这种情况下,我总是不同意,如果这是一个简单的输入错误,则有一个很接近的原因,意见不一,我不反对意见,我也有一些意见;别担心。努力: