DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中注冊和移除事件的4種方式
javascript中注冊和移除事件的4種方式
編輯:關於JavaScript     
對於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()一樣。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved