|
|
var obj = document.getElementById("obj");
obj.setAttribute("onclick", "Javascript:alert('測(cè)試');");
這里利用 setAttribute 指定 onclick 屬性，簡(jiǎn)單，很好理解，
但是：IE 不支持，IE 并不是不支持 setAttribute 這個(gè)函數(shù)，而是不支持用 setAttribute 設(shè)置某些屬性，包括對(duì)象屬性、集合屬性、事件屬性，也就是說(shuō)用 setAttribute 設(shè)置 style、onclick、onmouseover 這些屬性在 IE 中是行不通的。
方法二、用 attachEvent 和 addEventListener
IE 支持 attachEvent
obj.attachEvent("onclick", Foo);
function Foo()
{
alert("測(cè)試");
}
也可寫(xiě)在一起
obj.attachEvent("onclick", function(){alert("測(cè)試");});
其它瀏覽器支持 addEventListener
obj.addEventListener("click", Foo, false);
function Foo()
{
alert("測(cè)試");
}
同樣也可寫(xiě)在一起
obj.addEventListener("click", function(){alert("測(cè)試");}, false);
注意 attachEvent 的事件帶 on，如 onclick，而 addEventListener 不帶 on，如 click。
順便說(shuō)一下 addEventListener 的第三個(gè)參數(shù)（雖然很少用） useCapture - 如果為 true，則 useCapture 指示用戶(hù)希望啟動(dòng)捕獲。啟動(dòng)捕獲后，所有指定類(lèi)型的事件將在被指派到樹(shù)中其下面的任何 EventTargets 之前指派給已注冊(cè)的 EventListener。正在通過(guò)樹(shù)向上 bubbling 的事件將不觸發(fā)指定的使用捕獲的 EventListener。
綜合應(yīng)用
if (window.attachEvent)
{
//IE 的事件代碼
}
else
{
//其它瀏覽器的事件代碼
}
方法三、事件 = 函數(shù)
例：obj.onclick = Foo;
這在多個(gè)瀏覽器中均支持，這是屬于舊的規(guī)范（方法二屬于 DOM2 的規(guī)范），不過(guò)由于使用方便，用的場(chǎng)合也比較多。
下面是我的解決辦法:
function show(){
alert("Hello, world!!!");
}
obj.setAttribute('onclick',document.all ? eval(function(){show()}) : 'Javascript:show()');
看起來(lái)很簡(jiǎn)單，也兼容瀏覽器，就是不知道還有沒(méi)有其他方面的影響，或者有更好的方法可以取代呢？
JavaScript技術(shù)：javascript 動(dòng)態(tài)添加事件代碼，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
