浅谈jQuery事件绑定原理

2020-05-22 17:11:35易采站长站整理

        //遍历这个事件列表 执行该执行的东西
        for ( var j in handlers ) {
            var handler = handlers[j];
            if ( all || namespace.test(handler.type) ) {
                // Pass in a reference to the handler function itself
                // So that we can later remove it
                // jq上的注释是是这么写的 把event的handler 引用这个事件 方便之后移除
                // 但是在remove里面 并没有用到event的handler  不知道这里到底有什么用  且有多个事件的时候这个事件被取代
                event.handler = handler;
                //执行事件 并且是用元素调用的事件 可以吧事件里面的this执行元素 ret为函数的返回值
                var ret = handler.apply(this, arguments);
                //如果有返回值  且返回值是false 执行阻止事件冒泡 阻止执行事件默认行为                       
                if( ret !== undefined ){
                    event.result = ret;
                    if ( ret === false ) {
                        event.preventDefault();
                        event.stopPropagation();
                    }
                }   
            }               
        }