萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 淺談jquery事件處理

淺談jquery事件處理

   淺談jquery事件處理

        在以jQuery為基礎庫的前端開發體系中,經常會在一個頁面上通過各種標識綁定許許多多的事件。就算簡單的使用了事件代理,也還是造成了事件的分散,不好維護和管理。

  那麼,如何解決這個問題呢?而我,想到了backbone中的events。如下:

   代碼如下:

  events: {

  "click .icon": "open",

  "click .button.edit": "openEditDialog",

  "click .button.delete": "destroy"

  }

  也就是,把事件聚集到一起,類似事件處理中心這麼一個概念。

  簡單的理了一下實現思路:

  使用事件代理的方式,將事件綁定到body節點。(某些事件自身是不冒泡的,在此暫時不做研究)

  對於事件的執行對象,給一個統一標識。

  事件的執行函數,集中處理。

  代碼如下:

  

  

 

 

  

 

 

  

  // 事件處理中心

  var ClickEventCenter = {

  "handler1": function () {

  // do something...

  },

  "handler2": function () {

  // do something...

  }

  // ...

  }

  // 事件綁定

  $body.on("click", "[data-click-center]", function () {

  var handlerName = $(this).data("click-center");

  var handler = ClickEventCenter[handlerName]

  if ($.isFunction(handler)) handler()

  })

  這樣的話,一種類型的事件,集中到一起。

  在某些時候,能夠起到很好的作用。

  以上所述就是本文的全部內容了,希望大家能夠喜歡。

copyright © 萬盛學電腦網 all rights reserved