溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery如何取消雙擊事件監(jiān)聽

發(fā)布時間：2022-06-15 10:38:26 來源：億速云 閱讀：295 作者：zzz 欄目：web開發(fā)

這篇“jquery如何取消雙擊事件監(jiān)聽”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“jquery如何取消雙擊事件監(jiān)聽”文章吧。

3種取消方法：1、使用unbind()，語法“雙擊元素.unbind()”，可取消被選元素的全部雙擊事件監(jiān)聽。2、使用undelegate()，語法“雙擊元素的父元素.undelegate()”，可取消被選元素中由delegate()添加的雙擊事件監(jiān)聽。3、使用off()，語法“雙擊元素.off()”，可取消被選元素中用on()添加的雙擊事件監(jiān)聽。

jquery如何取消雙擊事件監(jiān)聽

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。

jquery提供多種取消雙擊事件監(jiān)聽的方法

1、使用unbind()方法

unbind() 方法能夠移除所有的或被選的事件處理程序，或者當事件發(fā)生時終止指定函數(shù)的運行。

該方法也可以通過 event 對象取消綁定的事件處理程序。該方法也用于對自身內(nèi)部的事件取消綁定（比如當事件已被觸發(fā)一定次數(shù)之后，刪除事件處理程序）。

示例：取消雙擊事件監(jiān)聽

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
				$(document).ready(function() {
					$("p").dblclick(function() {
						console.log("發(fā)生了雙擊事件監(jiān)聽");
					});
					$("button").click(function() {
						$("p").unbind();
					});
				});
		</script>
	</head>
	<body>

		<p>這是一個段落。</p>
		<p>這是另外一個段落。</p>
		<p>這是另外一個段落。</p>
		<button>移除p元素上的雙擊事件監(jiān)聽</button>

	</body>
</html>

jquery如何取消雙擊事件監(jiān)聽

2、使用undelegate()方法

undelegate() 方法刪除由 delegate() 方法添加的一個或多個事件處理程序。

示例：取消雙擊事件監(jiān)聽

核心代碼：

<script>
		$(document).ready(function() {
			$("body").delegate("p", "dblclick", function() {
				console.log("發(fā)生了雙擊事件監(jiān)聽");
			});
			$("button").click(function() {
				$("body").undelegate();
			});
		});
</script>

jquery如何取消雙擊事件監(jiān)聽

3、使用off() 方法

off() 方法通常用于移除通過 on() 方法添加的事件處理程序。

示例：取消雙擊事件監(jiān)聽

核心代碼：

<script>
		$(document).ready(function() {
			$("p").on("dblclick", function() {
				console.log("發(fā)生了雙擊事件監(jiān)聽");
			});
			$("button").click(function() {
				$("p").off();
			});
		});
</script>

jquery如何取消雙擊事件監(jiān)聽

以上就是關(guān)于“jquery如何取消雙擊事件監(jiān)聽”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手