溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了怎么通過jQuery給一個元素添加單擊和雙擊事件，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
將通過bind() 方法添加單擊和雙擊事件。bind() 方法向被選元素添加一個或多個事件處理程序，以及當事件發生時運行的函數。此外，我們還會使用appendTo() 方法將結果添加到元素，appendTo() 方法在被選元素的結尾（仍然在內部）插入指定內容。
下面我們直接上代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.min.js"></script>
<script>
$(document).ready(function () {
$(".clickable_ele").bind("click", function () {
$("<h5>調用單擊事件</h5>")
.appendTo(".res");
});
$(".clickable_ele").bind("dblclick", function () {
$("<h5>調用雙擊事件</h5>")
.appendTo(".res");
});
});
</script>
<style>
body {
text-align: center;
}
h2 {
color: #ff311f;
}
.clickable_ele {
font-size: 20px;
font-weight: bold;
color: #ff7800;
}
</style>
</head>
<body>
<h2>億速云</h2>
<h4>
如何給一個元素添加單擊和雙擊事件?
</h4>
<div class="clickable_ele">
可點擊的元素
</div>
<div class="res"></div>
</body>
</html>bind()語法是$(selector).bind(event,data,function,map)
參數分別表示：
event必需。規定添加到元素的一個或多個事件。
由空格分隔多個事件值。必須是有效的事件。
data可選。規定傳遞到函數的額外數據。
function必需。規定當事件發生時運行的函數。
map規定事件映射 ({event:function, event:function, ...})，包含要添加到元素的一個或多個事件，以及當事件發生時運行的函數。appendTo()語法是$(content).appendTo(selector)
參數分別表示： content必需。規定要插入的內容（可包含 HTML 標簽）。 selector必需。規定把內容追加到哪個元素上。
注：
自 jQuery 版本 1.7 起，on() 方法是向被選元素添加事件處理程序的首選方法。
append() 和 appendTo() 方法執行的任務相同；不同之處在于：內容和選擇器的位置，以及 append() 能夠使用函數來附加內容。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“怎么通過jQuery給一個元素添加單擊和雙擊事件”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
