js事件繫結 監聽

2021-08-06 04:17:44 字數 534 閱讀 6799

事件繫結的三種方法

法一:直接在元素上繫結:

法二:在js中繫結

document.getelementbyid(id).οnclick=function()

法三:使用事件監聽繫結事件:  //事件監聽的優點:可以繫結多個事件。可以解除事件繫結

關於事件監聽,w3c規範中定義了3個事件階段,依次是捕獲階段、目標階段、冒泡階段。

用addeventlistener()或者attachevent()

w3c標準: element.addeventlistener(event,function,usercaptrue);

event : (必需)事件名,如click,支援所有 dom事件 。

function:(必需)指定要事件觸發時執行的函式。

usecapture:(可選)指定事件是否在捕獲或冒泡階段執行。true,捕獲。false,冒泡。預設false。

ie:element.attachevent(event,function) //event事件名必須加on,如onclick,

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

js 繫結事件

建立乙個js的繫結事件,而這個需要乙個addeventlistener事件。在js裡不要將事件寫在標籤裡 建立乙個canvas物件,並且繫結物件。發現出現test.html 26 uncaught typeerror cannot read property addeventlistener of ...