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;這時所有頁面點(diǎn)擊的事件都交給myfunc處理,在myfunc函數(shù)里可以寫vSrc = window.event.srcElement,
知道用戶是點(diǎn)擊了什么地方,做相應(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)實(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)是一個不做任何事的函數(shù)。</a>
</p>
</body>
</html>
以上這篇js事件源window.event.srcElement兼容性寫法(詳解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個餅圖
這篇文章主要介紹了微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個餅圖,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(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ù)的,在火弧里測試正常,解決方法如下2014-05-05
微信小程序開發(fā)之麥克風(fēng)動畫 幀動畫 放大 淡出
本篇文章主要介紹了微信小程序開發(fā)之麥克風(fēng)動畫:幀動畫、放大、淡出的相關(guān)資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問題
這篇文章主要介紹了JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06
微信小程序動態(tài)生成二維碼的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序動態(tài)生成二維碼的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-07-07

