JavaScript事件處理器中的event參數(shù)使用介紹

更新時(shí)間：2013年05月24日 17:21:24 作者：

當(dāng)一個(gè)事件處理器被觸發(fā)時(shí)，名為Event的類實(shí)例會(huì)作為第一個(gè)參數(shù)傳入處理器中，下面為大家詳細(xì)介紹下它的應(yīng)用

在大部分瀏覽器中，當(dāng)一個(gè)事件處理器被觸發(fā)時(shí)，名為Event的類實(shí)例會(huì)作為第一個(gè)參數(shù)傳入處理器中。而一直占據(jù)主流地位的ie卻以自己專的方式行事，將Event實(shí)例保存到一個(gè)名為event的全局屬性中。

復(fù)制代碼代碼如下:

if (!event) event=window.event;

上面的語句用來檢測event參數(shù)是否為undefined或者null,如果是的話把window的event屬性賦值給它，從而消除了瀏覽器差異。

為了獲取目標(biāo)元素的引用，在標(biāo)準(zhǔn)兼容的瀏覽器中使用target屬性，在ie中則使用srcElement屬性，通過對(duì)象檢測來處理這種不一致性

復(fù)制代碼代碼如下:

var target=(event.target) ? event.target : event.srcElement;

這個(gè)語句檢查event.target的定義是否存在，如果存在，就把它的值賦給局部變量target；否則，將event.srcElement賦值給target。

您可能感興趣的文章:

相關(guān)文章

Js逆向教程作用域和自執(zhí)行函數(shù)介紹
這篇文章主要介紹了Js逆向教程作用域和自執(zhí)行函數(shù)介紹，本文章內(nèi)容詳細(xì)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助，需要的朋友可以參考下
2023-01-01
JavaScript 表單處理實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript 表單處理實(shí)現(xiàn)代碼,需要的朋友可以參考下
2015-04-04
javascript下for循環(huán)用法小結(jié)
javascript下for循環(huán)用法小結(jié)...
2007-07-07
ES6基礎(chǔ)語法之?dāng)?shù)組拓展
這篇文章介紹了ES6基礎(chǔ)語法之?dāng)?shù)組拓展，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-05-05
ES6基礎(chǔ)語法之字符串?dāng)U展
這篇文章介紹了ES6基礎(chǔ)語法之字符串?dāng)U展，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-05-05
Javascript中prototype的使用詳解
本文主要介紹js prototype 詳解，希望能幫到大家，有需要的朋友可以參考一下。
2016-06-06
JavaScript String.replace函數(shù)參數(shù)實(shí)例說明
JavaScript String.replace函數(shù)作用是將源自符串中的match替換為replacement并返回替換后的字符串，使用介紹如下，不會(huì)的朋友可以了解下哈
2013-06-06
詳解JavaScript中的every()方法
這篇文章主要介紹了JavaScript中的every()方法,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
2015-06-06
TypeScript中的接口和泛型你了解嗎
這篇文章主要為大家詳細(xì)介紹了TypeScript接口和泛型，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03
innerText 使用示例
在元素間的文本就是通過對(duì)象.innerText，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2014-01-01