欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2013年03月20日 14:55:17   作者：  
對于html中的一些元素注冊事件的方式有多種，接下來將為大家詳細(xì)介紹下，大家可以測試并對比下根據(jù)自己的習(xí)慣使用哪一種方式
對于html中的一些元素注冊事件的方式有多種
第一種：
復(fù)制代碼 代碼如下:

<script>
function test()
{
alert("OK");
}
</script>
<a href="#" onclick="test()">測試</a>

第二種：
復(fù)制代碼 代碼如下:

<a href="#" id="a">測試</a>
<script>
function test()
{
alert("OK");
}
var x=document.getElementById("a");
x.onclick=test;//注意沒有()
</script>

第三種(W3C模型)：
復(fù)制代碼 代碼如下:

<a href="#" id="a">測試</a>
<script>
function test()
{
alert("OK");
}
var x=document.getElementById("a");
x.addEventListener("click",test,false);
</script>

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

第四種(微軟模型)：
復(fù)制代碼 代碼如下:

<a href="#" id="a">測試</a>
<script>
function test()
{
alert("OK");
}
var x=document.getElementById("a");
x.attachEvent("onclick",test);
</script>

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

相關(guān)文章

最新評論