javascript中註冊和移除事件的4種方式

對於html中的一些元素註冊事件的方式有多種
第一種： 複製代碼 代碼如下:<script>
function test()
{
alert("OK");
}
</script>
<a href="#" onclick="test()">測試</a>

第二種： 複製代碼 代碼如下:<a href="#" id="a">測試</a>
<script>
function test()
{
alert("OK");
}
var x=document.getElementById("a");
x.onclick=test;//注意沒有()
</script>

第三種(W3C模型)： 複製代碼 代碼如下:<a href="#" id="a">測試</a>
<script>
function test()
{
alert("OK");
}
var x=document.getElementById("a");
x.addEventListener("click",test,false);
</script>

其中addEventListener()三個參數中，第一個表示什麼事件類型，注意沒有on，第二個指定方法，第三個是標示是事件冒泡(true)還是事件捕獲(false)，涉及到從下到上還是從上到下的事件發生順序。
移除事件的方法時removeEventListener(),其中參數和addEventListener()一樣。
這種模式在IE瀏覽器中會報錯，在chrome中正常執行。

第四種(微軟模型)： 複製代碼 代碼如下:<a href="#" id="a">測試</a>
<script>
function test()
{
alert("OK");
}
var x=document.getElementById("a");
x.attachEvent("onclick",test);
</script>

其中attachEvent()兩個參數中，第一個表示什麼事件類型，注意帶on，第二個指定方法。
移除事件的方法是detachEvent(),其中參數和attachEvent()一樣。