js事件源window.event.srcElement兼容性寫法(詳解)
如下所示:
<html> <body> <p>一個(gè)好處就是 我想讓body(或其他元素內(nèi))的某些對(duì)象響應(yīng)事件 就不用挨個(gè)兒去寫 只要在外層上寫一個(gè) 然后檢查event.srcElement.tagName或其他屬性是不是你想要的來(lái)決定是否響應(yīng)事件就可以了.不過(guò)好像event.srcElement在ff里不起作用 </p> <p>比如</p> <p> <input value="input"> <br> <span>span</span></p> <div>div</div> <p>event對(duì)象指當(dāng)前觸發(fā)的事件對(duì)象, window.event.srcElement是指觸發(fā)事件的對(duì)象。比如你設(shè)定document.onclick = myfunc;這時(shí)所有頁(yè)面點(diǎn)擊的事件都交給myfunc處理,在myfunc函數(shù)里可以寫vSrc = window.event.srcElement, 知道用戶是點(diǎn)擊了什么地方,做相應(yīng)處理。 你找個(gè)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對(duì)象即可,但在firefox中,是沒(méi)有 window.event對(duì)象的,函數(shù)需要使用事件的時(shí)候, //需要在事件發(fā)生時(shí)把事件作為參數(shù)傳遞給函數(shù),不象在ie中,事件對(duì)象是全局的,隨處都可以訪 問(wèn).下面這個(gè)getEvent()函數(shù)可以兼容firefox和ie, //只需要在訪問(wèn)事件對(duì)象的函數(shù)的開始調(diào)用getEvent()即可,不用再把事件作為 參數(shù)傳遞.以下代碼已經(jīng)實(shí)驗(yàn)通過(guò)! 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)是一個(gè)不做任何事的函數(shù)。</a> </p> </body> </html>
以上這篇js事件源window.event.srcElement兼容性寫法(詳解)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖
這篇文章主要介紹了微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整
輸入框組默認(rèn)是div.input-group。接下來(lái)通過(guò)本文給大家介紹bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整,感興趣的朋友一起看看吧2016-10-10Jquery 返回json數(shù)據(jù)在IE瀏覽器中提示下載的問(wèn)題
Jquery 返回json數(shù)據(jù),IE瀏覽器提示下載的問(wèn)題,當(dāng)提交完數(shù)據(jù)后返回的本來(lái)是json數(shù)據(jù)的,在火弧里測(cè)試正常,解決方法如下2014-05-05微信小程序開發(fā)之麥克風(fēng)動(dòng)畫 幀動(dòng)畫 放大 淡出
本篇文章主要介紹了微信小程序開發(fā)之麥克風(fēng)動(dòng)畫:幀動(dòng)畫、放大、淡出的相關(guān)資料。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問(wèn)題
這篇文章主要介紹了JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06原生js通過(guò)一行代碼實(shí)現(xiàn)簡(jiǎn)易輪播圖
這篇文章主要介紹了原生js一行代碼實(shí)現(xiàn)簡(jiǎn)易輪播圖功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-06-06微信小程序動(dòng)態(tài)生成二維碼的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序動(dòng)態(tài)生成二維碼的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-07-07