jQuery 事件的繫結和刪除

2021-10-05 13:14:12 字數 1073 閱讀 6420

我是div<

/div>

"./jquery.min.js"

>

<

/script>

// 相同事件型別,繫結多個事件

// on語法是 addeventlistener 形式

// 允許同乙個標籤,相同的事件型別,繫結多個事件處理函式

// 此處是繫結事件,是賦值繫結,函式的名稱

// 不是執行函式,如果有()就是是執行函式,不是賦值函式的名稱

// 只有賦值函式的名稱,才能刪除函式 與js的原理是相同

const odiv = document.

queryselector

('div');

// js中,通過 addeventlistener 繫結的是函式名稱

// odiv.addeventlistener('click' , fun1);

// odiv.addeventlistener('click' , fun2);

// odiv.addeventlistener('click' , fun3);

// 繫結的是函式名稱,刪除的也是函式名稱

// odiv.removeeventlistener('click' , fun3);

// 有自定義函式和繫結的函式名稱$(

'div').

on('click'

,function()

).on(

'click'

, fun1).on

('click'

, fun2).on

('click'

, fun3)

// 刪除只能刪除函式名稱

// 通過函式名稱,找到其中儲存的函式位址,刪除函式位址$(

'div').

off(

'click'

, fun3)

;function

fun1()

function

fun2()

function

fun3()

<

/script>

jquery的事件繫結和觸發

新增事件 selector click function 事件繫結 1.bind selector bind click function selector bind click mouseover function bind 用到了隱式迭代,如果匹配到的元素特別多的時候,比如頁面中有100個div...

jquery 事件繫結

1.bind bind 方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。多個事件用空格分開 可以繫結的事件有click dblclick mouseover mouseout mousedown mouseup等滑鼠事件,至於鍵盤事件,嘗試沒發現效果。selector bind...

jquery繫結事件

1.bind 向匹配元素新增乙個或多個事件處理器。使用方式 selector bind event,data,function event 必需項 新增到元素的乙個或多個事件,例如 click,dblclick等 單事件處理 例如 selector bind click data,function ...