要用jQuery綁定自定義事件,您可以使用.on()
方法。以下是一個示例:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<button id="myButton">點擊我</button>
.on()
方法為#myButton
元素綁定一個名為myCustomEvent
的自定義事件。同時,可以定義一個回調函數,當事件觸發時,該函數將被執行:$(document).ready(function() {
// 為元素綁定自定義事件
$("#myButton").on("myCustomEvent", function() {
alert("自定義事件觸發了!");
});
// 創建并觸發自定義事件
function triggerCustomEvent() {
$("#myButton").trigger("myCustomEvent");
}
// 在需要的時候觸發自定義事件,例如在另一個按鈕點擊事件中
$("#anotherButton").on("click", function() {
triggerCustomEvent();
});
});
在這個示例中,我們為#myButton
元素綁定了一個名為myCustomEvent
的自定義事件。當點擊該按鈕時,會彈出一個提示框顯示“自定義事件觸發了!”。同時,我們創建了一個名為triggerCustomEvent
的函數,用于觸發myCustomEvent
事件。最后,我們在另一個按鈕的點擊事件中調用了triggerCustomEvent
函數,從而實現了自定義事件的觸發。