在開發 JavaScript 網頁應用時,經常使用 jQuery 庫來處理 DOM 元素的事件。其中,off 方法可以用于取消綁定之前設置的事件處理程序,而這個方法可以通過 on 方法的返回值進行恢復。
// 綁定點擊事件處理程序 $('button').on('click', function() { alert('Hello World!'); }); // 取消綁定點擊事件 $('button').off('click'); // 恢復點擊事件 const myHandler = function() { alert('Hi there!'); }; $('button').on('click', myHandler); $('button').off('click', myHandler); // 取消綁定 $('button').on('click', $('button').on('click', myHandler)); // 恢復
代碼中,on 方法的返回值是一個 jQuery 對象,可以被儲存在變量中。這個對象可以在之后傳遞給 off 方法,以取消綁定的事件處理程序。同樣地,也可以在 on 方法中再次傳遞給它綁定一個事件處理程序,因此達到恢復的效果。