亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

事件只綁定一次的實(shí)現(xiàn)

young.li / 2731人閱讀 

const one = (element, events, handler) => {
    let executed = false;
    let eventsArray = [];
    if (/array/i.test(Object.prototype.toString.call(events))) {
        eventsArray = events;
    } else {
        eventsArray.push(events);
    }

    // 事件觸發(fā)時(shí)執(zhí)行，執(zhí)行過(guò)程中解綁，并改變標(biāo)記變量executed的狀態(tài)
    const onceHanler = e => {
        if (executed) {
            return;
        }

        eventsArray.forEach(eventName => element.removeEventListener(eventName, onceHanler, false));
        handler(e);
        executed = true;
    }

    eventsArray.forEach(eventName => element.addEventListener(eventName, onceHanler, false));
}
one(element, ["animationend", "webkitAnimationEnd", "mozAnimationEnd"], handler);

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/92099.html

相關(guān)文章

  • 只執(zhí)行一次的事件綁定函數(shù)

    摘要：原生事件綁定所謂的移除事件處理函數(shù)指的是對(duì)于給定的元素和事件類型，處理程序在第一次觸發(fā)事件后會(huì)被立即解除綁定。如果為表示事件執(zhí)行之后會(huì)自動(dòng)移除綁定。標(biāo)準(zhǔn)事件事件綁定提供了一個(gè)方法實(shí)現(xiàn)只綁定一次的事件。已同步到個(gè)人博客只執(zhí)行一次的事件綁定函數(shù) 概覽 在前端開(kāi)發(fā)中，有時(shí)會(huì)希望事件只被調(diào)用一次。比如，點(diǎn)擊一張縮略圖加載視頻文件或點(diǎn)擊更多圖標(biāo)通過(guò)AJAX展示額外的內(nèi)容。當(dāng)多次點(diǎn)擊的時(shí)候，事件處...

    Kahn 評(píng)論0 收藏0

  • 2017-08-02 前端日?qǐng)?bào)

    摘要：前端日?qǐng)?bào)精選浮點(diǎn)數(shù)精度之謎前端面試必備基本排序算法從賀老微博引出的遍歷器加速那些奧秘進(jìn)階之深入理解數(shù)據(jù)雙向綁定全棧天中文深入理解筆記用模塊封裝代碼前端架構(gòu)經(jīng)驗(yàn)分享周二放送自制知乎專欄譯在大型應(yīng)用中使用的五個(gè)技巧掘金開(kāi)發(fā)指南眾成 2017-08-02 前端日?qǐng)?bào) 精選 JavaScript 浮點(diǎn)數(shù)精度之謎前端面試必備——基本排序算法從賀老微博引出的遍歷器（Iterators）加速那些奧秘J...

    Worktile 評(píng)論0 收藏0

  • addEvent.js源碼解析

    摘要：在看源碼時(shí)，發(fā)現(xiàn)了這段注釋源碼行的庫(kù)為的事件綁定提供了很多想法，我們就來(lái)看下年的。五內(nèi)存泄漏簡(jiǎn)單說(shuō)只綁定一次，只綁定一次。并通過(guò)來(lái)為每一個(gè)定一個(gè)，然后依次添加進(jìn)中，并通過(guò)執(zhí)行如果一直調(diào)用來(lái)綁定事件的話，內(nèi)存開(kāi)銷(xiāo)會(huì)很大。最后完整代碼請(qǐng)看完 showImg(https://segmentfault.com/img/remote/1460000019390987); 前言：看兩三遍即可。 在...

    RaoMeng 評(píng)論0 收藏0

  • 關(guān)于JS中事件代理的解析

    摘要：事件代理原理事件代理本質(zhì)上來(lái)說(shuō)是利用事件冒泡的機(jī)制來(lái)進(jìn)行實(shí)現(xiàn)的。 概述 一般來(lái)說(shuō)，我們?cè)跒榍岸隧?yè)面設(shè)計(jì)交互的的時(shí)候往往需要為DOM元素添加事件處理程序。但是很多時(shí)候頁(yè)面的DOM元素的結(jié)構(gòu)和層級(jí)會(huì)很復(fù)雜，如果我們?yōu)樗行枰砑邮录幚淼腄OM元素一一綁定上事件處理程序，那么不僅編寫(xiě)出的代碼會(huì)很繁雜，整個(gè)頁(yè)面的性能也會(huì)很低下。比如我們有一個(gè)有序或者無(wú)序的列表，其中包裹了數(shù)百個(gè)子節(jié)點(diǎn)li，一...

    KavenFan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<