实例
当双击按钮时,隐藏或显示元素:
$("button").dblclick(function(){
$("p").slideToggle();
}); <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").dblclick(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>请双击此处</button> </body> </html>
定义和用法
当双击元素时,会发生 dblclick 事件。
当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。
在很短的时间内发生两次 click,即是一次 double click 事件。
dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数。
提示:如果把 dblclick 和 click 事件应用于同一元素,可能会产生问题。
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").dblclick(function(){ $("p").slideToggle(); }); $("p").click(function(){ $("button").dblclick(); }); }); </script> </head> <body> <button>请双击这里</button> <p>点击本段落会触发上面这个按钮的 dblclick 事件。</p> </body> </html>
本文标题:【jQuery】事件 dblclick() 方法
本文链接:https://blog.quwenai.cn/post/3507.html
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。






还没有评论,来说两句吧...