js事件新增

2021-08-10 13:48:46 字數 716 閱讀 9488

var btn=document.getelementbyid("btn");

btn.οnclick=fun1();

btn.οnclick=fun2();

btn.οnclick=fun3();

結果:後面繫結方法會覆蓋前面的方法,最後只執行fun3();

btn.attachevent("onclick",fun1());

btn.attachevent("onclick",fun2());

btn.attachevent("onclick",fun3());

結果:繫結三個方法,執行順序為fun3()->fun2()->fun1();

btn.addeventlistener("click",fun1(),boolean);    

//事件前沒有on

btn.addeventlistener("click",fun2(),boolean);

btn.addeventlistener("click",fun3(),boolean);

結果:繫結三個方法,執行順序為fun1()->fun2()->fun3();

boolean取值:true - 事件控制代碼在捕獲階段執行     false- 預設。事件控制代碼在冒泡階段執行

事件捕獲:父級元素先觸發,子級元素後觸發。例如:html->body->div->input

事件冒泡:子級元素先觸發,父級元素後觸發。與事件捕獲相反。

JS事件 新增 移除事件

element.addeventlistener event,function,usecapture 方法用於向指定元素新增事件控制代碼。event 必須。字串,指定事件名。注意 例 使用 click 而不是使用 onclick function 觸發函式 usecapture 可選。布林值,指定事...

Js動態新增事件

一 setattribute 該方法在ff下可行,在ie下,不支援該方法新增事件 setattribute onclick display 該方法在ff下可以正常執行,在ie就不能執行。二 attachevent 和 addeventlistener ie下用 attachevent 非ie下用 a...

JS迴圈新增事件

for var t 0 t ischeckname.length t var importgoodslisttr new array 插入行 alert new date for var n 0 n大家注意紅色字型的內容 將需要迴圈新增事件的物件的value設定為迴圈變數n,此時如何操作其它的陣列物...