對於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()一樣。