js事件繫結並獲取元素

2021-09-12 22:21:32 字數 648 閱讀 1661

dom事件繫結的幾種方式

html中直接繫結:利用html事件屬性。html中繫結事件叫做內聯繫結事件,不利於分離。不能解綁

js中直接繫結:利用dom操作。js中直接繫結稱為賦值繫結函式,缺點是只能繫結一次。解綁ele.οnclick=null

addeventlistener:注意去掉on,通過removeeventlistener()解綁

需要注意的就是箭頭函式會改變this的指向,會根據外層作用域來決定this。

var elem = document.

getelementbyid

('text');

elem.

addeventlistener

('click'

,(e)

=>);

//如果用this不要用箭頭函式,否則函式裡面的this指向的是window

elem.

addeventlistener

('click'

,function

(e))

elem.

onclick

=(e)

=>

elem.

onclick

=function()

元素繫結事件

on事件名 function 當事件發生時 on事件名 this 用賦值方式繫結事件處理函式 addeventlistener 事件名 handler 在瀏覽器中為 元素的指定事件,新增乙個事件監聽物件。將事件監聽物件加入到瀏覽器的監聽佇列中。觸發事件時 瀏覽器會遍歷監聽佇列中的每個監聽物件,找到觸...

js建立的元素怎麼繫結事件

當在使用js或jquery建立元素時,用 on 事件,function 或者 事件 function 繫結事件時 例如 1 div 2 button id btncreate 點選 button 3div 4 div class creatediv 56 div 78 js 9 btncreate ...

js事件繫結

事件繫結,常見的是odiv.nclick function 這種方式繫結事件太單一,如果繫結多個,那麼最後乙個事件會覆蓋掉之前的,也就是說只執行最後一次繫結的事件,這裡要說的是addeventlistener方法,和ie下的attachevent方法 html 如下 box son1 son2 介面...