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

