前端企业面试真题-046写一个通用的事件侦听器函数

我就是我 2023-10-06 15:44 7阅读 0赞

> 写一个通用的事件侦听器函数

var EventHandler = (function(){
        function EventAdapter(ev){
            //使用适配器包装Event对象
            return {
                clientX: ev.clientX,
                clientY: ev.clientY,
                ...
                //处理兼容
                stopPropagation: function(){
                    ev.stopPropagation ? ev.stopPropagation() : ev.cancelBubble = true;
                },
                preventDefault: function(){
                    ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
                },
                target : ev.target || ev.srcElement,
                ...
            }
        }
        
        //生成代理函数
        function createProxy(func){
            //代理函数需要做记录，便于后续卸载
            window[func] = function(e){
                func(EventAdapter(e))
            }
            return window[func];
        }
        return {
            addEvent: function(ele, type, func){
                if(ele.addEventListener){
                    ele.addEventListener(type, createProxy(func))
                } else {
                    ele.attachEvent('on'+type, createProxy(func))
                }
            },
            removeEvent: function(ele, type, func){
                if(ele.addEventListener){
                    ele.removeEventListener(type, window[func])
                } else {
                    ele.attachEvent('on'+type, window[func])
                }
                //卸载代理函数后，清除属性
                delete window[func]
            }
        }
    })()

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关企业前端面试题：企业面试真题--055

> 给定整数n和m,写一个dispatch,把1~n尽量平均地分成m个组. 示例： var n = 2; var m = 2; dispatch(n

朴灿烈づ我的快乐病毒、/ 2023年10月06日 15:59/ 0 赞/ 30 阅读

相关前端企业面试真题-046写一个通用的事件侦听器函数

> 写一个通用的事件侦听器函数 var EventHandler = (function(){ function EventAdapter(ev){

我就是我/ 2023年10月06日 15:44/ 0 赞/ 8 阅读

相关前端面试题：企业面试真题——15

> var arr1= \[1,1,1,2,3,3,4,5,6\], arr2=\[4,4,4,5,5,6,7,8,8,9\]; > 编写函数实现数组合并去重：arr =

ゝ一世哀愁。/ 2022年12月01日 01:17/ 0 赞/ 191 阅读

相关前端面试题：企业面试真题——18

现公司要开发一个业务管理系统，要求注册环节的密码需要提示用户其安全等级，密码按如下规则进行计分，并根据不同的得分为密码进行安全等级划分。一、密码长度: > 5 分: 小于

曾经终败给现在/ 2022年11月30日 12:38/ 0 赞/ 185 阅读

相关前端面试题：企业面试真题——17

> 输入一个或多个车牌号码，多个以逗号分割开,再输入想查询的日期(数字，周几),输出该日期限行的车牌号. 车牌号码有以下要求，如：AD123，12101，车牌号不能全是字母。

骑猪看日落/ 2022年11月30日 12:38/ 0 赞/ 173 阅读

相关前端面试题：企业面试真题—14

> 有如下列表的DOM结构，需要在点击时获取对应的innerHTML; 要求：不能修改DOM; 使用原生javascript; 考虑js性能 ![format_png][]

た入场券/ 2022年11月29日 12:59/ 0 赞/ 52 阅读

相关前端面试题：企业面试真题—11

var x = 20; var a = { x : 15, fn : function(){ var x

Myth丶恋晨/ 2022年11月29日 12:59/ 0 赞/ 116 阅读

相关前端面试题：企业面试真题—3

var a = {n:1} var b = a a.x = a = {n:2} console.log(a.x) conso

小灰灰/ 2022年11月28日 13:59/ 0 赞/ 194 阅读

相关前端面试题：企业面试真题—1

1 人赞同了该文章 1. var length = 10; 2. function fn() { 3. console.log(t

迷南。/ 2022年11月28日 13:59/ 0 赞/ 218 阅读

相关通用的事件侦听器函数

鉴于IE浏览器与普通浏览器在dom事件上的区别，特此封装一个事件监听函数来兼容彼此之间的却别。 const EventUtils = { // 视能力分

浅浅的花香味﹌/ 2022年10月22日 15:47/ 0 赞/ 132 阅读