js事件的繫結以及主動觸發

2021-08-19 13:57:33 字數 773 閱讀 7974

jq事件委託(提高事件的處理速度,減少記憶體的占用,監聽動態內容):

1.$( "#foo" ).on( "click", function

( e ) {} );

2.$('#foo').bind('click', function

());

3.$('#root').delegate('a', 'click', function

());

js事件監聽(繫結多個事件):

1.elementobject.addeventlistener(eventname,handle,usecapture);  事件名稱沒有on

2.elementobject.attachevent(eventname,handle); 事件名稱有on

3.button.addeventlistener('click', fn, true)// 捕獲階段執行(永遠不用)

4.button.addeventlistener('click', fn, false)// 冒泡階段執行(預設)

try catch(e)  捕捉異常
事件繫結 onclick/onscroll….

主動觸發事件

button.click();

button.dispatchevent('click');,ie下用fireevent()

如果你們用jquery就更簡單用trigger()

jquery繫結事件以及js繫結事件

jquery繫結事件 bind事件 onelive delegate on對應的 jquery繫結click事件的寫法start click1 bind click function click2 one click function click3 live click function click...

js事件繫結

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

js 事件繫結

事件繫結的方式 1.dom 元素行內繫結 div onclick alert 1 div 2.js on eventtype document.onclick function 3.addeventlistener document.getelementbyid mybtn addeventlist...