JS基礎學習四 繫結事件

2021-08-30 21:22:34 字數 1222 閱讀 3410

[b]新增事件[/b]

ie: attachevent

other: addeventlistener

var button = document.getelementbyid("buttonid");

if(button.addeventlistener)else if(button.attachevent)

[b]刪除事件[/b]

ie: detachevent

other: removeeventlistener

[b]事件冒泡機制[/b]

ie: 事件從它發生的地方被觸發,然後向dom結構的上層冒泡

other: 事件先向下沉入到目標元素,再向上冒泡

addeventlistener( , ,[true|false])

[list]

[*]true: 向下沉入時截獲事件

[*]false: 向上冒泡時截獲事件

[/list]

[b]停止事件冒泡: [/b]

ie: window.event.cancelbubble=false;

other: e.stoppropagation();

[b]實驗的例子:[/b]

function bindevent()  else if (button.attachevent) 

}function removeevent() else if (button.detachevent)

}function showevent(e) else if (e.stoppropagation)

alert("event here!");

}function showevent2()

function divevent()

[b]鍵盤事件[/b]

window.onload=function()

function showkey(e)

[b]滑鼠事件[/b]

獲取mouse的位置

ie: clientx,clienty

other: pagex, pagey

document.onmouseover= showposition;

關於JS繫結事件,基礎

第一種為 dom0 obj.onclick fn 第二種為 dom2 ie obj.attachevent 事件名稱,事件函式 1.沒有捕獲 非標準的ie 標準的ie底下有 ie6到10 2.事件名稱有on 3.事件函式執行的順序 標準ie 正序 非標準ie 倒序 4.this指向window 標準...

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