event參數(shù)小記

event自動(dòng)傳入

綁定事件處理函數(shù)的時(shí)候,經(jīng)常需要用到event,比如使用了事件代理,需要通過event來拿到事件源對(duì)象等等,在綁定事件處理函數(shù)的時(shí)候,event對(duì)象是自動(dòng)傳入的,實(shí)例如下:

<div onClick="click1()"></div>
<div onClick="click2('Xx')"></div>
<script>
  var click1 = function(e) {
    // chrome下面可以不顯式書寫參數(shù)e而在函數(shù)內(nèi)部直接使用event,火狐下如果不顯式用參數(shù)接收則不能直接在函數(shù)內(nèi)部通過書寫event的方式使用事件對(duì)象,而需要使用arguments來取得事件對(duì)象
    // chrome和ff下都可以不顯式提供形參列表接收事件對(duì)象,它是自動(dòng)被傳入的,傳入的方式是如果用戶在綁定事件處理函數(shù)的時(shí)候一個(gè)參數(shù)都沒有傳,則事件對(duì)象就是arguments[0],如果用戶傳遞了n個(gè)所需的參數(shù),則事件對(duì)象就是arguments[n](注意下標(biāo)是從0開始的)
    console.log(e.target); // 輸出<div onClick="click1()"></div>
  }

  var click2 = function(name) {
    console.log(name); // Xx
    console.log(e.target); // <div onClick="click2('Xx')"></div>
  }
</script>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,540評(píng)論 19 139
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,497評(píng)論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,271評(píng)論 0 1
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,643評(píng)論 18 399
  • 每次到不同的地方,用想用鏡頭記錄下一些獨(dú)特的際遇。在出發(fā)之前,我就在想,那么我該拍些什么呢!總感覺自己的照片...
    丁走心閱讀 323評(píng)論 0 2

友情鏈接更多精彩內(nèi)容