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