国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

單擊和雙擊事件的沖突處理示例代碼

2024-05-06 16:03:37
字體:
供稿:網(wǎng)友
這篇文章主要介紹了單擊和雙擊事件的沖突處理方法,需要的朋友可以參考下

先上代碼:

復(fù)制代碼 代碼如下:


<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function () {
$("div").bind("click.a", function () { //單擊事件
$("body").append("<p>click事件</p>");
})
$("div").bind("dblclick.a", function () { //雙擊事件
$("body").append("<p>dblclick事件</p>");
})
$("div").bind("mouseover.a", function () { //鼠標(biāo)經(jīng)過元素的事件
$("body").append("<p>mouseover事件</p>");
})
$("div").bind("mouseout.a", function () { //鼠標(biāo)移出元素的事件
$("body").append("<p>mouseout事件</p>");
})
})
</script>
</head>
<body>
<div>jQuery命名空間</div>
</body>


效果如圖所示,我雙擊的同時(shí),會(huì)先觸發(fā)兩個(gè)單擊事件,這是怎么回事?還有,如果我不想在雙擊的時(shí)候觸發(fā)

單擊事件,而僅僅只是觸發(fā)雙擊事件,那該怎么解決?我也有試過在雙擊的時(shí)候,先把單擊事件解綁,

可這樣一來,單擊事件又不能用了。。。

單擊和雙擊事件的沖突處理示例代碼

 

后來在論壇問別人,終于有了答案。那就是使用setTimeout()這個(gè)方法設(shè)置單擊事件的時(shí)間間隔,這個(gè)時(shí)間間隔一般
設(shè)為300ms,這樣在雙擊的時(shí)候,由于雙擊的時(shí)間間隔小于300ms,所以就不會(huì)產(chǎn)生click事件,而僅僅只是產(chǎn)生
dblclick事件。在雙擊事件里面,需要用clearTimeout()函數(shù)清除click事件的處理。代碼如下:

復(fù)制代碼 代碼如下:


<script type="text/javascript" language="javascript">
$(function () {
var timer = null;
$("div").bind("click.a", function () { //單擊事件
clearTimeout(timer);
timer = setTimeout(function () { //在單擊事件中添加一個(gè)setTimeout()函數(shù),設(shè)置單擊事件觸發(fā)的時(shí)間間隔
$("body").append("<p>click事件</p>");
}, 300);

})
$("div").bind("dblclick.a", function () { //雙擊事件
clearTimeout(timer); //在雙擊事件中,先清除前面click事件的時(shí)間處理
$("body").append("<p>dblclick事件</p>");
})
$("div").bind("mouseover.a", function () { //鼠標(biāo)經(jīng)過元素的事件
$("body").append("<p>mouseover事件</p>");
})
$("div").bind("mouseout.a", function () { //鼠標(biāo)移出元素的事件
$("body").append("<p>mouseout事件</p>");
})
})
</script>


如此,這個(gè)問題就解決了!
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 曲松县| 海城市| 富蕴县| 宣汉县| 莒南县| 海门市| 兴化市| 江西省| 定边县| 博爱县| 丹凤县| 潞城市| 彭阳县| 公主岭市| 百色市| 大兴区| 石楼县| 西安市| 綦江县| 桂平市| 文登市| 石嘴山市| 祁东县| 拜泉县| 嘉兴市| 益阳市| 子洲县| 喀喇沁旗| 郑州市| 漳平市| 武平县| 岚皋县| 遂平县| 西峡县| 家居| 云龙县| 蒙城县| 华池县| 江源县| 临夏市| 郴州市|