博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自定义事件
阅读量:5755 次
发布时间:2019-06-18

本文共 3667 字,大约阅读时间需要 12 分钟。

/** *  事件对象 *  bubbles  表示事件是否通过DOM已冒泡形式触发 * *  button  如果有鼠标按下的按钮 * *  altKey  Alt键 * *  shiftKey shift * *  meate Meate * *  isChar 当前按下的键是否标示一个字符 * *  charCode unicode值 (仅对keypress) * *  keyCode 非unicode * *  which * *  pageX,pageY  事件发生时相对于页面(viewprot) 的坐标 * *  screenX screeY * *  currentTarget  当前DOM元素 * *  target ,originalTarget 原始的DOM元素 * *  relatedTarge 其他和事件相关的DOM元素 * * **/var Events = Backbone.Events = {    /**     * 绑定 callback 函数到 object 对象。 当事件触发时执行回调函数 callback 。     * 如果一个页面中有大量不同的事件,按照惯例使用冒号指定命名空间     * : "poll:start", 或 "change:selection"     * */    on:function (events, callback, context) {        var calls, event, list;        if (!callback) return this;        events = events.split(eventSplitter);        calls = this._callbacks || (this._callbacks = {});        //保存回调函数,与事件 到对象的_callbacks上        while (event = events.shift()) {            //取出每个事件名放到_callbacks作用对象的属性,然后把回调函数push到这个数组中            list = calls[event] || (calls[event] = []);            list.push(callback, context);        }        return this;    },    /**     * 删除一个或许多回调。如果“上下文”是null,删除所有的回调       * 与功能。如果“回调”是null,删除所有的回调      * 事件。如果“事件”是null,移除所有绑定回所有事件     *     * object.unbind("change", onChange);  只移除onChange回调函数     *  object.unbind("change");           移除所有 "change" 回调函数     * object.unbind();                    移除对象的所有回调函数     *     * **/    off:function (events, callback, context) {        var event, calls, list, i;        // No events, or removing *all* events.        if (!(calls = this._callbacks)) return this;        if (!(events || callback || context)) {            delete this._callbacks;            return this;        }        events = events ? events.split(eventSplitter) : _.keys(calls);        // Loop through the callback list, splicing where appropriate.        while (event = events.shift()) {            if (!(list = calls[event]) || !(callback || context)) {                delete calls[event];                continue;            }            for (i = list.length - 2; i >= 0; i -= 2) {                if (!(callback && list[i] !== callback || context && list[i + 1] !== context)) {                    list.splice(i, 2);                }            }        }        return this;    },    /**     * / /触发一个或许多事件,解雇所有绑定回调。回调是       * / /通过相同的参数作为“触发”是,除了事件的名字       * / /(除非你监听的“所有”,这将导致你的回调       * / /接收真实的事件名称作为第一个参数)。     * **/    trigger:function (events) {        var event, calls, list, i, length, args, all, rest;        if (!(calls = this._callbacks)) return this;        rest = [];        //事件分解        events = events.split(eventSplitter);        // Fill up `rest` with the callback arguments.  Since we're only copying        // the tail of `arguments`, a loop is much faster than Array#slice.        for (i = 1, length = arguments.length; i < length; i++) {            rest[i - 1] = arguments[i];        }        // For each event, walk through the list of callbacks twice, first to        // trigger the event, then to trigger any `"all"` callbacks.        while (event = events.shift()) {            //复制回调列表来防止修改            if (all = calls.all) all = all.slice();            if (list = calls[event]) list = list.slice();            // 执行事件回调            if (list) {                for (i = 0, length = list.length; i < length; i += 2) {                    list[i].apply(list[i + 1] || this, rest);                }            }            // 执行 "all" 回调.            if (all) {                args = [event].concat(rest);                for (i = 0, length = all.length; i < length; i += 2) {                    all[i].apply(all[i + 1] || this, args);                }            }        }        return this;    }};

 

转载地址:http://alckx.baihongyu.com/

你可能感兴趣的文章
JS中比较数字大小
查看>>
springcloud 学习-eureka搭建-为eureka添加认证
查看>>
jQuery插件的开发
查看>>
基础,基础,还是基础之JAVA基础
查看>>
如何成为一个C++高级程序员
查看>>
ant android 打包签名和渠道
查看>>
一个简单的接口,被调用并同步给出响应的方法
查看>>
Hadoop序列化与压缩
查看>>
由“男怕入错行”说开去
查看>>
我的友情链接
查看>>
xss test
查看>>
也谈svn分支与合并
查看>>
显式锁(第十三章)
查看>>
LBS“他爹”GIS
查看>>
SCCM的证书配置PKI
查看>>
看linux书籍做的一些重要笔记(2011.07.03更新)
查看>>
CString、Char* ,char [20]、wchar_t、unsigned short转化
查看>>
从案例学RxAndroid开发(上)
查看>>
Redis学习手册(内存优化)
查看>>
浅尝TensorFlow on Kubernetes
查看>>