成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

20170808 - 跨瀏覽器的事件兼容處理程序

1treeS / 2020人閱讀

摘要：第三個參數(shù)表示在冒泡階段調(diào)用事件處理程序，默認值為中的事件對象事件處理程序當前程序綁定的那個元素事件處理程序內(nèi)部，的值始終等于的值事件發(fā)生的具體元素事件類型取消事件的默認行為取消事件的進一步捕獲或冒泡中的事件對象事件類型阻止事件進一步冒泡取

var EventUtil = {
  addHandler: function(element, type, handler){
    if(element.addEventListener){
      // 第三個參數(shù)表示在冒泡階段調(diào)用事件處理程序，默認值為false
      element.addEventListener(type, handler, false)
    }else if(element.attachEvent){
      element.attachEvent("on"+type, handler)
    }else {
      element["on"+type] = handler
    }
  },
  removeHandler: function(element, type, handler){
    if(element.removeHandler){
      element.removeHandler(type, handler, false)
    }else if(element.detachEvent){
      element.detachEvent("on"+type, handler)
    }else {
      element["on"+ type] = null
    }
  },
  getEvent: function(event){
    return event?event:window.event
  },
  getTarget: function(event){
    return event.target || event.srcElement
  },
  preventDefault: function(event){
    if(event.preventDefault){
      event.preventDefault()
    }else {
      event.returnValue = false
    }
  },
  stopPropagation: function(){
    if(event.stopPropagation){
      event.stopPropagation()
    }else {
      event.cancelBubble = true
    }
  }
}

// DOM中的事件對象
function DOMEvent(event){
  // 事件處理程序(當前程序)綁定的那個元素,事件處理程序內(nèi)部，this的值始終等于currentTarget的值
  event.currentTarget
  // 事件發(fā)生的具體元素
  event.target
  // 事件類型
  event.type
  // 取消事件的默認行為
  event.preventDefault()
  // 取消事件的進一步捕獲或冒泡
  event.stopPropagation()
}

// IE中的事件對象
function IEEvent(){
  var event = window.event
  // 事件類型
  event.type
  // 阻止事件進一步冒泡
  event.cancelBubble = true
  // 取消事件的默認行為
  event.returnValue = false
  // 事件發(fā)生的具體元素
  event.srcElement
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/84765.html

相關(guān)文章

  • 20170808- css 居中

    摘要：擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關(guān)注和使用它注意上面的例子中必須為元素設(shè)置寬度，并且寬度必須小于父容器的寬度絕對定位實現(xiàn)垂直居中或者自身高度的一半 水平居中 行內(nèi)或類行內(nèi)元素水平居中 在塊級父容器中設(shè)置text-align:center 塊級元素水平居中 塊級元素設(shè)置margin-left和margin-right為auto（前提是已經(jīng)為元素設(shè)置了width） fl...

    Dongjie_Liu 評論0 收藏0

  • JS高級程序設(shè)計筆記——事件（一）

    摘要：但是通過添加的匿名函數(shù)無法移除，最好是在其他地方定義事件處理程序的函數(shù)，然后將該函數(shù)的名稱傳給第二個參數(shù)。一中的事件對象對象兼容級和級的瀏覽器將對象傳入到事件處理程序中。 一、事件流 假設(shè)有如下HTML代碼： Event Click me 其DOM樹如下圖所示：showImg(https://segmentfault.com/img/bVUUWA?w=50...

    guqiu 評論0 收藏0

  • 跨瀏覽器的事件處理程序實現(xiàn)總結(jié)

    摘要：本文章需要一些前置知識事件基礎(chǔ)知識對象詳解圍繞著如何更好地實現(xiàn)一個跨瀏覽器的事件處理小型庫展開討論。處理垃圾回收過濾觸發(fā)或刪除一些處理程序解綁特定類型的所有事件克隆事件處理程序依照這樣的一個思路，我們來一步步實現(xiàn)這樣一個模塊。 本文章需要一些前置知識 事件基礎(chǔ)知識 event對象詳解 圍繞著如何更好地實現(xiàn)一個跨瀏覽器的事件處理小型庫展開討論。 1. 初步實現(xiàn) 在《JavaScrip...

    CHENGKANG 評論0 收藏0

  • javaScript跨瀏覽器事件處理程序

    摘要：在事件處理，事件對象，阻止事件的傳播等方法或?qū)ο蟠嬖谥鵀g覽器兼容性問題，開發(fā)過程中最好編寫成一個通用的事件處理工具。上面的中事件的執(zhí)行都發(fā)生了目標階段事件對象的屬性用來表示事件處理發(fā)生在事件流哪個階段。 最近在閱讀javascript高級程序設(shè)計，事件這一塊還是有很多東西要學的，就把一些思考和總結(jié)記錄下。在事件處理，事件對象，阻止事件的傳播等方法或?qū)ο蟠嬖谥鵀g覽器兼容性問題，開發(fā)過程中...

    terasum 評論0 收藏0

  • 前端事件綁定知識點（面試?？迹?/b>

    摘要：事件通常與函數(shù)配合使用，當事件發(fā)生時函數(shù)才會執(zhí)行。的事件流是事件捕獲流，事件由根元素獲取并沿樹向下分發(fā)。通過添加事件，只能用刪除此事件。這主要得益于瀏覽器的事件冒泡機制。 簡介 事件是可以被 JavaScript 偵測到的行為。 網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。 事件通常與函數(shù)配合使用，當事件發(fā)生時函數(shù)才會執(zhí)行。 執(zhí)行JS 事件的方式： ...

    liujs 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<