您的位置：首页 > Web前端 > JQuery

jquery dbclick双击事件应用实例

2013-09-05 20:24 176 查看

当双击按钮时，隐藏或显示元素：
$("button").dblclick(function(){
$("p").slideToggle();
});

<html>
<head>
<script type="text/网页特效" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){

var divdbl = $("div");
divdbl.dblclick(function () {
divdbl.toggleClass('dbl');
});

});
</script>
<style>
div.dbl { background:yellow;color:black; }

</style>
</head>
<body>
<body>
<div>asdf</div><span>Double click the block</span>
</body>
</html>
当双击元素时，会发生 dblclick 事件。
当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。
在很短的时间内发生两次 click，即是一次 double click 事件。
dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数。
提示：如果把 dblclick 和 click 事件应用于同一元素，可能会产生问题。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航