国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

看了跟不看沒區別的文章—摒棄e || window.event舊認識

Miyang / 1536人閱讀

摘要:前言今天,為表達我對前端的熱愛,特此發了一篇小總結。其實這是一種很籠統的說法,因為綁定監聽事件的方式不同,可能情況不一樣。但是不論怎樣,這么寫準沒錯。監聽的綁定方式為了方便描述現象。火狐一般會自動更新為最新版的,所以前的顧慮基本上沒有了。

前言

今天520,為表達我對前端的熱愛,特此發了一篇小總結。實際上你看不看這文章,對你目前來講,其實也沒多大影響,這是我的真心話哈哈

剛學前端的時候,有很多教程或者資料,都會教綁定監聽事件函數時,可能會看到這么一句代碼

</>復制代碼

  1. function (e) {
  2. var e = e || window.event;
  3. }

當時給你指導的人/資料都會跟你解釋,這是為了解決瀏覽器兼容性,為了兼容ie和Firefox。其實這是一種很籠統的說法,因為綁定監聽事件的方式不同,可能情況不一樣。但是不論怎樣,這么寫準沒錯。

然而時至今日(2019-05-20),這種處理是否已經還有必要呢,畢竟技術的東西變化很快,一些老舊的知識,是否該摒棄,別讓其再迷惑你的腦袋,讓代碼更加累贅。

監聽的綁定方式

為了方便描述e = e || window.event現象。先在這里總結綁定監聽為四類,分別舉例如下:

</>復制代碼

  1. <div onclick="console.log()">div>

</>復制代碼

  1. <div onclick="handlerClick()">div>

</>復制代碼

  1. // 方式三
  2. // 在js里直接綁定
  3. document.getElementById("example").onclick = function() {...}

</>復制代碼

  1. // 方式四
  2. // 用綁定事件函數綁定
  3. var obj = document.getElementById("example");
  4. function handlerClick () {...}
  5. // ie8含8以下用attachEvent,監聽事件要帶"on"
  6. obj.addEventListener ");"click", handlerClick, false) : obj.attachEvent("onclick", handlerClick);
event的總結

我直接上總結了,以前的資料常說的,Firefox瀏覽器只認識監聽綁定的函數的第一個參數event,而IE8以下只認識window.event;

現在經過測試,要糾正一點就是,Firefox瀏覽器現在也支持window.event了。估計是版本比較老的火狐才不支持吧

所以現在唯一特立獨行的就是讓人苦惱的IE8(含8)以下的了。所以時至今日的新的總結就是:

方式一

只有ie8以下(含8)只認識window.event,其他瀏覽器都支持window.event和句柄第一個參數event(剛好與window.event同名而已)

這種綁定方式,只需要寫個event就夠了,通吃!雖然本質上要知道ie8以下是當做window.event,只是省略了window

方式二

可以傳參window.event(可省略window),也可以不傳參,直接在函數里用window.event(可省略window)。 畢竟所有瀏覽器都認識window.event

方式三

ie8以下(含8)不支持函數第一個參數是event的

所以統一不寫第一個參數event,直接在代碼里用event就好了。因為大家都支持window.event

方式四

任何一種方式都支持,可以是綁定函數帶第一個參數event也可以是不帶第一個參數直接寫window.event(可省略window)

在這種方式里很特殊,就算是IE8以下的都支持第一個參數event

大總結

以后要用event的話,所有瀏覽器統一當做window.event來處理就行了。火狐一般會自動更新為最新版的,所以前的顧慮基本上沒有了。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/6738.html

相關文章

  • 前端面試(知識點)整理(一)

    摘要:接受個參數事件類型,是否冒泡,是否阻止瀏覽器的默認行為觸發上綁定的自定義事件觸發元素上綁定事件事件的委托代理的原理以及優缺點。委托代理事件是那些被綁定到父級元素的事件,但是只有當滿足一定匹配條件時才會被挪。 一、頁面布局 1.問題:假設高度已知,請寫出三欄布局 ,其中左欄、右欄寬度各為300px,中間自適應。 解決方案一:使用浮動布局` Document ...

    zhichangterry 評論0 收藏0
  • 前端面試(知識點)整理(一)

    摘要:接受個參數事件類型,是否冒泡,是否阻止瀏覽器的默認行為觸發上綁定的自定義事件觸發元素上綁定事件事件的委托代理的原理以及優缺點。委托代理事件是那些被綁定到父級元素的事件,但是只有當滿足一定匹配條件時才會被挪。 一、頁面布局 1.問題:假設高度已知,請寫出三欄布局 ,其中左欄、右欄寬度各為300px,中間自適應。 解決方案一:使用浮動布局` Document ...

    Songlcy 評論0 收藏0
  • 前端面試(知識點)整理(一)

    摘要:接受個參數事件類型,是否冒泡,是否阻止瀏覽器的默認行為觸發上綁定的自定義事件觸發元素上綁定事件事件的委托代理的原理以及優缺點。委托代理事件是那些被綁定到父級元素的事件,但是只有當滿足一定匹配條件時才會被挪。 一、頁面布局 1.問題:假設高度已知,請寫出三欄布局 ,其中左欄、右欄寬度各為300px,中間自適應。 解決方案一:使用浮動布局` Document ...

    ThreeWords 評論0 收藏0
  • 前端筆記

    摘要:一嚴格模式與混雜模式如何觸發這兩種模式,區分它們有何意義聲明位于文檔中的最前面的位置,處于標簽之前。包含過渡和的也導致頁面以標準模式呈現,但是有過渡而沒有會導致頁面以混雜模式呈現。不存在或形式不正確會導致和文檔以混雜模式呈現。 一:HTML+css 1.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義? Doctype聲明位于文檔中的最前面的位置,處于標簽...

    未東興 評論0 收藏0
  • 前端筆記

    摘要:一嚴格模式與混雜模式如何觸發這兩種模式,區分它們有何意義聲明位于文檔中的最前面的位置,處于標簽之前。包含過渡和的也導致頁面以標準模式呈現,但是有過渡而沒有會導致頁面以混雜模式呈現。不存在或形式不正確會導致和文檔以混雜模式呈現。 一:HTML+css 1.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義? Doctype聲明位于文檔中的最前面的位置,處于標簽...

    binta 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<