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的全局屬性中。
if (!event) event=window.event;
上面的語(yǔ)句用來(lái)檢測(cè)event參數(shù)是否為undefined或者null,如果是的話把window的event屬性賦值給它,從而消除了瀏覽器差異。
為了獲取目標(biāo)元素的引用,在標(biāo)準(zhǔn)兼容的瀏覽器中使用target屬性,在ie中則使用srcElement屬性,通過(guò)對(duì)象檢測(cè)來(lái)處理這種不一致性
var target=(event.target) ? event.target : event.srcElement;
這個(gè)語(yǔ)句檢查event.target的定義是否存在,如果存在,就把它的值賦給局部變量target;否則,將event.srcElement賦值給target。
復(fù)制代碼 代碼如下:
if (!event) event=window.event;
上面的語(yǔ)句用來(lái)檢測(cè)event參數(shù)是否為undefined或者null,如果是的話把window的event屬性賦值給它,從而消除了瀏覽器差異。
為了獲取目標(biāo)元素的引用,在標(biāo)準(zhǔn)兼容的瀏覽器中使用target屬性,在ie中則使用srcElement屬性,通過(guò)對(duì)象檢測(cè)來(lái)處理這種不一致性
復(fù)制代碼 代碼如下:
var target=(event.target) ? event.target : event.srcElement;
這個(gè)語(yǔ)句檢查event.target的定義是否存在,如果存在,就把它的值賦給局部變量target;否則,將event.srcElement賦值給target。
您可能感興趣的文章:
- 淺談Javascript事件處理程序的幾種方式
- JavaScript事件處理程序(事件偵聽(tīng)器)
- javascript表單事件處理方法詳解
- 實(shí)例講解javascript注冊(cè)事件處理函數(shù)
- javascript打造跨瀏覽器事件處理機(jī)制[Blue-Dream出品]
- 詳解js的事件處理函數(shù)和動(dòng)態(tài)創(chuàng)建html標(biāo)記方法
- 詳細(xì)解讀JavaScript的跨瀏覽器事件處理
- 探究JavaScript中的五種事件處理程序方式
- javascript瀏覽器兼容教程之事件處理
- JavaScript常見(jiàn)事件處理程序?qū)嵗偨Y(jié)
相關(guān)文章
Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類型轉(zhuǎn)換
JavaScript是一種無(wú)類型語(yǔ)言,但同時(shí)JavaScript提供了一種靈活的自動(dòng)類型轉(zhuǎn)換的處理方式?;疽?guī)則是,如果某個(gè)類型的值用于需要其他類型的值的環(huán)境中,JavaScript就自動(dòng)將這個(gè)值轉(zhuǎn)換成所需要的類型。2015-01-01Javascript核心讀書(shū)有感之表達(dá)式和運(yùn)算符
這篇文章主要介紹了Javascript核心讀書(shū)有感之表達(dá)式和運(yùn)算符,十分詳細(xì),需要的朋友可以參考下2015-02-02javascript獲取瀏覽器類型和版本的方法(js獲取瀏覽器版本)
這篇文章主要介紹了javascript獲取瀏覽器類型和版本的方法(js獲取瀏覽器版本),需要的朋友可以參考下2014-03-03Javascript排序算法之合并排序(歸并排序)的2個(gè)例子
這篇文章主要介紹了Javascript排序算法之合并排序(歸并排序)的2個(gè)例子,需要的朋友可以參考下2014-04-04JS多線程API?webworker應(yīng)用場(chǎng)景有哪些
這篇文章主要介紹了JS多線程API?webworker應(yīng)用場(chǎng)景有哪些,加密數(shù)據(jù),預(yù)取數(shù)據(jù),預(yù)渲染,復(fù)雜數(shù)據(jù)處理場(chǎng)景,預(yù)加載圖片需要的朋友可以參考下2023-02-02js數(shù)組方法擴(kuò)展實(shí)現(xiàn)數(shù)組統(tǒng)計(jì)函數(shù)
這篇文章主要介紹了js數(shù)組方法擴(kuò)展,實(shí)現(xiàn)數(shù)組統(tǒng)計(jì)函數(shù),需要的朋友可以參考下2014-04-04在JavaScript中處理時(shí)間之setMinutes()方法的使用
這篇文章主要介紹了在JavaScript中處理時(shí)間之setMinutes()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06