最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js動態(tài)添加的DIV中的onclick事件簡單實例

 更新時間：2016年07月25日 11:43:07   投稿：jingxian  
下面小編就為大家?guī)硪黄猨s動態(tài)添加的DIV中的onclick事件簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

最簡單的是這樣：

<input type="button" onclick="alert(this.value)" value="我是 button" />

動態(tài)添加onclick事件：

<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick= objclick;
function objclick(){alert(this.value)};
</script>

如果使用匿名函數(shù) function(){}，則如下面所示：

<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick=function(){alert(this.value)};
</script>

上面的方法其實原理都一樣，都是定義 onclick 屬性的值。值得注意的是，如果多次定義 obj.onclick，例如：obj.onclick=method1; obj.onclick=method2; obj.onclick=method3，那么只有最后一次的定義obj.onclick=method3才生效，前兩次的定義都給最后一次的覆蓋掉了。

再看 IE 中的 attachEvent：

<input type="button" value="我是拉登" id="bu">
<script type="text/javascript">
var bObj = document.getElementById("bu");
bObj.attachEvent("onclick",method1);
bObj.attachEvent("onclick",method2);
bObj.attachEvent("onclick",method3);
function method1(){alert("第一個alert")}
function method2(){alert("第二個alert")}
function method3(){alert("第三個alert")}
</script>

執(zhí)行順序是 method3 > method2 > method1 ，先進(jìn)后出，與堆棧中的變量相似。需要注意的是attachEvent 中第一個參數(shù)是on開頭的，可以是 onclick/onmouseover/onfocus 等等

據(jù)說(未經(jīng)確認(rèn)驗證)在 IE 中使用 attachEvent 后最好再使用 detachEvent 來釋放內(nèi)存

再看看 Firefox 中的的 addEventListener：

<input type="button" value="我是布什" id="bu">
<script type="text/javascript">
var bObj = document.getElementById("bu");
bObj.addEventListener("click",method1,false);
bObj.addEventListener("click",method2,false);
bObj.addEventListener("click",method3,false);
function method1(){alert("第一個alert")}
function method2(){alert("第二個alert")}
function method3(){alert("第三個alert")}
</script>

可以看到，在 ff 中的執(zhí)行順序是 method1 > method2 > method3 ， 剛好與 IE 相反，先進(jìn)先出。需要注意的是 addEventListener 有三個參數(shù)，第一個是不帶“on”的事件名稱，如 click/mouseover/focus等。

以上這篇js動態(tài)添加的DIV中的onclick事件簡單實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

宁蒗| 板桥市| 伊金霍洛旗| 务川| 龙里县| 潮州市| 星子县| 定襄县| 连州市| 周宁县| 屯留县| 安吉县| 元朗区| 南漳县| 营山县| 子长县| 自治县| 江口县| 子长县| 商城县| 衢州市| 泊头市| 志丹县| 金溪县| 天津市| 兰溪市| 信阳市| 满城县| 宁城县| 青岛市| 灵武市| 樟树市| 连云港市| 黄平县| 麟游县| 黎城县| 海宁市| 龙江县| 茌平县| 新龙县| 富源县|