js事件源window.event.srcElement兼容性寫法(詳解)
更新時間:2016年11月25日 11:13:51 投稿:jingxian
下面小編就為大家?guī)硪黄猨s事件源window.event.srcElement兼容性寫法(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
如下所示:
<html> <body> <p>一個好處就是 我想讓body(或其他元素內(nèi))的某些對象響應(yīng)事件 就不用挨個兒去寫 只要在外層上寫一個 然后檢查event.srcElement.tagName或其他屬性是不是你想要的來決定是否響應(yīng)事件就可以了.不過好像event.srcElement在ff里不起作用 </p> <p>比如</p> <p> <input value="input"> <br> <span>span</span></p> <div>div</div> <p>event對象指當(dāng)前觸發(fā)的事件對象, window.event.srcElement是指觸發(fā)事件的對象。比如你設(shè)定document.onclick = myfunc;這時所有頁面點擊的事件都交給myfunc處理,在myfunc函數(shù)里可以寫vSrc = window.event.srcElement, 知道用戶是點擊了什么地方,做相應(yīng)處理。 你找個HTML文件,在其中加上這么一段:</p> <p> <textarea rows="10" cols="90"> <script languange = "javascript"> document.onclick = myfunc; </script> </textarea> <script languange = "javascript"> document.onclick = myfunc; function myfunc() { var evt=getEvent(); var element=evt.srcElement || evt.target; alert(element.tagName) } //在 ie中處理事件直接使用window.event對象即可,但在firefox中,是沒有 window.event對象的,函數(shù)需要使用事件的時候, //需要在事件發(fā)生時把事件作為參數(shù)傳遞給函數(shù),不象在ie中,事件對象是全局的,隨處都可以訪 問.下面這個getEvent()函數(shù)可以兼容firefox和ie, //只需要在訪問事件對象的函數(shù)的開始調(diào)用getEvent()即可,不用再把事件作為 參數(shù)傳遞.以下代碼已經(jīng)實驗通過! function getEvent() { if(document.all) { return window.event;//如果是ie } func=getEvent.caller; while(func!=null) { var arg0=func.arguments[0]; if(arg0) { if((arg0.constructor==Event || arg0.constructor ==MouseEvent) ||(typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)) { return arg0; } } func=func.caller; } return null; } </script> </p> <p>試試就知道了。 <a href=#>void(0)是一個不做任何事的函數(shù)。</a> </p> </body> </html>
以上這篇js事件源window.event.srcElement兼容性寫法(詳解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整
輸入框組默認(rèn)是div.input-group。接下來通過本文給大家介紹bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整,感興趣的朋友一起看看吧2016-10-10Jquery 返回json數(shù)據(jù)在IE瀏覽器中提示下載的問題
Jquery 返回json數(shù)據(jù),IE瀏覽器提示下載的問題,當(dāng)提交完數(shù)據(jù)后返回的本來是json數(shù)據(jù)的,在火弧里測試正常,解決方法如下2014-05-05微信小程序開發(fā)之麥克風(fēng)動畫 幀動畫 放大 淡出
本篇文章主要介紹了微信小程序開發(fā)之麥克風(fēng)動畫:幀動畫、放大、淡出的相關(guān)資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問題
這篇文章主要介紹了JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06