麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

JavaScript之IE的fireEvent方法詳細解析

2019-11-20 21:39:00
字體:
來源:轉載
供稿:網友

在IE中提供了一個fireEvent方法,顧名思義就是觸發(fā)某個事件發(fā)生的意思。剛開始我以為是會跟平時使用onclick()一樣,沒想到最近在寫javascript入門ppt的時候發(fā)現了,原來自己太自以為是了!看來還有很多javascript的細節(jié)沒有掌握好?。?

現在根據自己的總結詳細的記錄下fireEvent方法的使用。fireEvent是IE提供的一種方法,msdn文檔地址:http://msdn.microsoft.com/en-us/library/ms536423(v=vs.85).aspx

onclick()
我們先看第一段實例代碼:

<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>

這段代碼中我們沒有個id1的li添加onclick事件,點擊button,會報錯,提示“對象不支持此屬性或方法”。由此可見,DOM.onclick()需要添加onclick事件之后才能使用。

假如我們把以上的代碼修改為:

<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1' onclick='alert(1);'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>

此時,點擊button會觸發(fā)onclick事件,但是ul的onclick沒有觸發(fā),這就表明了DOM.onclick()不存在冒泡。

fireEvent()
我們來看看fireEvent跟onclick()觸發(fā)事件是否相同。看下面的代碼:

<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>

點擊button后,觸發(fā)ul的onclick事件,說明fireEvent會引起冒泡,而且沒有發(fā)生像onclick()提示“對象不支持此屬性或方法”,說明即使不添加id1的onclick事件也可以冒泡。
由此可以看出,IE中的fireEvent方法類似模擬用戶的鼠標點擊行為,而不是單純的onclick。

總結fireEvent和onclick區(qū)別
通過上面的例子可以看出,DOM的fireEvent和onclick(這只是個代表)有以下區(qū)別:

onclick需要DOM真正添加了onclick事件,否則會報“對象不支持此屬性或方法”錯誤
onclick不會引起IE的冒泡過程,而fireEvent會引起冒泡,fireEvent更貼近用戶真實的行為觸發(fā)
由第二條得出,fireEvent在即使DOM沒有click事件也可以fireEvent,而不會報錯(更貼近用戶真實行為)
最后可以拿下面的代碼測試:

<ul onclick='alert(event.srcElement.innerHTML);'>
<li id='id1' onclick='alert(1);'>i am one;</li>
<li id='id2'>i am two;</li>
<li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>
<button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 欧美一级黄色网 | 成人视屏在线 | 法国性xxx精品hd专区 | 国产精品久久久久久久久久iiiii | 欧美18—19sex性护士中国 | 欧美女同hd| 国产成年免费视频 | a级毛片免费观看在线播放 日本aaa一级片 | 91久久国产综合久久91精品网站 | 久久久日韩av免费观看下载 | 87成人免费看片 | 久久久久久久一区 | 久久福利剧场 | 在线成人亚洲 | 日韩在线欧美在线 | 成人在线视频精品 | 国产xxxxx在线观看 | 精品国产专区 | 日本羞羞的午夜电视剧 | 极品国产91在线网站 | 久久99网 | 免费a级毛片永久免费 | 国产一区二区三区在线免费 | 国产一区二区三区四区五区精品 | 理论片中文字幕 | 国产精品久久久久久婷婷天堂 | 精品xxxx户外露出视频 | 成人免费福利视频 | 一级毛片免费观看在线 | 亚洲影院在线播放 | 羞羞视频免费网站 | 色婷婷一区二区三区 | 成人免费观看49www在线观看 | 国产成人在线网站 | 欧美日韩视频在线播放 | 国产精品久久久久久久久久久久午夜 | 精品国产一区二区三区四区在线 | 免费观看视频91 | 夜夜看 | 神马久久精品综合 | 成人短视频在线观看免费 |