事件

作者: 葱头来了 | 来源:发表于2019-03-10 15:23 被阅读0次
   $.events = (function() {
        var __this, listen, trigger, one, remove, l, t, anony;
        __this = this, l = {}, t = {},anony = function() {};
        listen = function(key, eventfn) {
            if(l[key]) {
                l[key].push(eventfn || anony);
            } else {              
                l[key] = [eventfn || anony];
            }
            t[key] && eventfn.apply(__this, t[key]);    //先triggger后listen的情况
        };
        trigger = function() {
            var key = [].shift.call(arguments);
            var ls = l[key];
            if(ls && ls.length) {
                for(var i = 0, len = ls.length; i < len; i++) {
                    var fn = ls[i];
                    fn.apply(__this, arguments);
                }
            } else {
                t[key] = arguments;     //无listen,保存trigger
            }
        }
        one = function(key, eventfn) {
            remove(key);
            return listen(key, eventfn); //只触发一次,如果有相同的key
        };
        remove = function(key) {
            l[key] = void 0;
            t[key] = void 0;
        };
        return {
            listen: listen,
            one: one,
            remove: remove,
            trigger: trigger
        }
    })();

相关文章

  • JavaScript事件01——事件流

    大纲:概念(事件、事件流)事件流模型(事件冒泡、事件捕获、DOM事件流) 一、概念: 1、事件:事件就是用户或浏览...

  • 事件对象,事件监听,事件冒泡,事件代理

    一、事件对象 二、冒泡事件:(事件从子元素往父级元素向上触发事件)处理兼容问题:主流浏览器:e.stopPropa...

  • 事件总结

    DOM事件主要内容 事件流 事件注册 事件对象 事件分类 事件代理 什么是DOM事件? 事件是某个行为或者触发,比...

  • Javascript事件系统

    本文内容 事件基础 事件监听方式 事件默认行为 事件冒泡与事件捕获 事件绑定与事件委托 事件基础 注意:本文不会深...

  • Javascript事件-事件冒泡,事件捕获,事件监听和事件委托

    事件处理机制 (一)DOM事件流 DOM模型是一个树形结构,在DOM模型中,HTML元素是有层次的。当一个HTML...

  • 【事件】事件流

    1、JavaScript和HTML之间的交互通过事件实现的。2、事件流描述的是从页面中接收事件的顺序。3、IE 和...

  • 【事件】事件对象

    触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的额信息。(包括导致事件的元...

  • 【事件】事件类型

    DOM3 级事件规定了以下几类事件: UI(User Interface,用户界面)事件,当用户与页面上的元素交互...

  • 2018-09-10JQuery高级应用

    JQuery事件 window事件 鼠标事件 键盘事件 表单事件 事件注册语法$(对象).type(fn)type...

  • JS事件

    ?事件的相关术语 事件类型: 鼠标事件、键盘事件事件名称: click、dbclick等事件目标: 表示与发生事件...

网友评论

      本文标题:事件

      本文链接:https://www.haomeiwen.com/subject/ylnupqtx.html