国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

淺談jquery事件處理

2024-05-06 16:18:35
字體:
來源:轉載
供稿:網友
這篇文章主要簡單介紹了jquery事件處理,十分的實用,有需要的小伙伴可以參考下。
 

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

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

 

復制代碼代碼如下:

events: {
    "click .icon":          "open",
    "click .button.edit":   "openEditDialog",
    "click .button.delete": "destroy"
  }

 

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

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

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

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

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

 

復制代碼代碼如下:

<body>
    <div data-click-center="handler1"></div>
    <div data-click-center="handler2"></div>   
</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()
})

 

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

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

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 称多县| 砀山县| 南郑县| 柘城县| 遂昌县| 云霄县| 库尔勒市| 丽江市| 龙里县| 通渭县| 安顺市| 辰溪县| 正安县| 溧水县| 临清市| 大竹县| 汶上县| 若尔盖县| 周至县| 武汉市| 新干县| 石嘴山市| 大关县| 盱眙县| 德阳市| 岳普湖县| 景德镇市| 丹巴县| 永福县| 济阳县| 广德县| 合作市| 宕昌县| 临沭县| 迁西县| 万州区| 墨玉县| 翁牛特旗| 和平区| 邢台县| 杭州市|