首頁 > web前端 > 前端問答 > jquery中off的用法是什麼

jquery中off的用法是什麼

WBOY
發布: 2022-04-15 18:08:54
原創
3663 人瀏覽過

在jquery中,off()方法用於移除元素上綁定的一個或多個事件的事件處理函數;通常用於移除透過on()新增的事件處理程序,語法為「元素物件.off(從被選元素移除的事件或命名空間,selector,當事件發生時運行的函數,map)」。

jquery中off的用法是什麼

本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery中off的用法是什麼

off()方法用來移除元素上綁定的一個或多個事件的事件處理函數。

off() 方法通常用於移除透過 on() 方法新增的事件處理程序。

自 jQuery 版本 1.7 起,off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。這個方法為 API 帶來很多便利,我們推薦使用該方法,它簡化了 jQuery 程式碼庫。

如需移除指定的事件處理程序,當事件處理程序被新增時,選擇器字串必須符合 on() 方法傳遞的參數。

如需新增只執行一次的事件然後移除,請使用 one() 方法。

語法如下:

$(selector).off(event,selector,function(eventObj),map)
登入後複製

參數如下:

  • event 必要。規定要從被選元素移除的一個或多個事件或命名空間。由空格分隔多個事件值。必須是有效的事件。

  • selector 可選。規定新增事件處理程序時最初傳遞給 on() 方法的選擇器。

  • function(eventObj) 可選。規定當事件發生時運行的函數。

  • map 規定事件映射({event:function, event:function, ...}),包含要新增至元素的一個或多個事件,以及當事件發生時執行的函數。

範例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").on("click",function(){
    $(this).css("background-color","pink");
  });
  $("button").click(function(){
    $("p").off("click");
  });
});
</script>
</head>
<body>
<p>点击这个段落修改它的背景颜色。</p>
<p>点击一下按钮再点击这个段落( click 事件被移除 )。</p>
<button>移除 click 事件句柄</button>
</body>
</html>
登入後複製

輸出結果:

jquery中off的用法是什麼

相關影片教學推薦:jQuery視頻教程

以上是jquery中off的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板