給元素新增事件的方法

2021-10-07 18:56:30 字數 737 閱讀 2555

新增html元素的事件

1.通過html元素屬性

簡單說來就是在html結構中,給你要新增事件的元素新增乙個屬性。

屬性名為 'on' + 事件名。

如:你要給a元素繫結乙個click事件,你就該這麼寫:

" οnclick='do something'>name

2.通過物件屬性

物件指的是jdom樹里的物件,我們都知道,所有的html元素在dom(文件物件型別)裡都存在乙個相應的dom元素。

給這個dom元素新增事件等同於方式一。這個屬性名也一樣:

也為 on + 事件名

如:html結構:

" id="n">name

js:document.getelementbyid('n').onclick = function()

3.通過w3c監聽方式(標準方式)或者ie專屬的中間模型新增事件

w3c方式: elemennt.addeventlistener(事件名,處理函式引用,true || false)

這裡的事件名就是單純的事件名,不需要加 on ,true表示在事件傳播階段捕獲事件,false表示在事件冒泡階段捕獲事件,一般我們設為false!

ie模式: element.attachevent( 'on' + 事件名,處理函式引用);

注意,ie模式需要加on

給Jquery動態新增的元素新增事件

我想很多人都會向我一樣曾經 被新元素的事件繫結困惑很久也就是 在頁面載入完成後給元素繫結了事件,但又新增加的元素上卻沒有繫結任何事件。js的事件監聽跟css不一樣,css只要設定好了樣式,不論是原來就有的還是新新增的,都有一樣的表現。而事件監聽不是,你必須給每乙個元素單獨繫結事件。常見的例子是處理 ...

給Jquery動態新增的元素新增事件

我想很多人都會向我一樣曾經 被新元素的事件繫結困惑很久也就是 在頁面載入完成後給元素繫結了事件,但又新增加的元素上卻沒有繫結任何事件。js的事件監聽跟css不一樣,css只要設定好了樣式,不論是原來就有的還是新新增的,都有一樣的表現。而事件監聽不是,你必須給每乙個元素單獨繫結事件。常見的例子是處理 ...

給dom元素新增事件的監聽

一 addeventlistener給dom元素新增事件的監聽有兩種方式 1.用匿名函式方式新增事件的監聽 例按鈕 按鈕按鈕 按鈕按鈕2.用外部函式新增事件的監聽 例不能用 var btnvase function 的函式形式新增事件的監聽,此函式沒有預編譯功能 二 removeeventliste...