新增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...