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

1treeS 發布于2019-08-20 18:36 / 1958人閱讀

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

var EventUtil = {
  addHandler: function(element, type, handler){
    if(element.addEventListener){
      // 第三個參數表示在冒泡階段調用事件處理程序，默認值為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){
  // 事件處理程序(當前程序)綁定的那個元素,事件處理程序內部，this的值始終等于currentTarget的值
  event.currentTarget
  // 事件發生的具體元素
  event.target
  // 事件類型
  event.type
  // 取消事件的默認行為
  event.preventDefault()
  // 取消事件的進一步捕獲或冒泡
  event.stopPropagation()
}

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

云服務器 GPU云服務器事件處理程序 js事件處理程序兼容java的瀏覽器 jquery的事件處理

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

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

20170808- css 居中

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

Dongjie_Liu 2019-08-29 13:07 評論0 收藏0
JS高級程序設計筆記——事件（一）

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

guqiu 2019-08-22 11:06 評論0 收藏0
跨瀏覽器的事件處理程序實現總結

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

CHENGKANG 2019-08-22 10:47 評論0 收藏0
javaScript跨瀏覽器事件處理程序

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

terasum 2019-08-21 10:38 評論0 收藏0
前端事件綁定知識點（面試常考）

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

liujs 2019-08-20 18:16 評論0 收藏0