标签：addeventlistener cross-browser events javascript attachevent

我需要一个跨浏览器功能来注册事件处理程序和(主要是)一致的处理程序体验.我不需要jQuery之类的库的全部功能或功能,因此我已经编写了自己的库.我相信我已经通过下面的代码实现了我的目标,到目前为止,我的测试已经成功完成了,但是我一直盯着它太久了.我的逻辑或陷阱中是否缺少任何缺陷？

编辑1：为了清楚起见,用浏览器意图注释了每个块. IE块已更新,不再立即调用func(这要感谢Andy E’s keen eyes).

编辑2：更新了IE块而不是elem来调用func.call().

编辑3：更新为通过“好零件”通过JSLint.

function hookEvent(elem, evt, func)
{
    if (typeof elem === "string")
    {
        elem = document.getElementById(elem);
    }
    if (!elem)
    {
        return null;
    }
    var old, r;
    if (elem.addEventListener)  //w3c
    {
        elem.addEventListener(evt, func, false);
        r = true;
    }
    else if (elem.attachEvent)  //ie
    {
        elem[evt + func] = function ()
        {
            func.call(this, window.event);
        };
        r = elem.attachEvent("on" + evt, elem[evt + func]);
    }
    else                        //old
    {
        old = elem["on" + evt] ? elem["on" + evt] : function (e) { };
        elem["on" + evt] = function (e)
        {
            if (!e)
            {
                e = window.event;
            }
            old.call(this, e);
            func.call(this, e);
        };
        r = true;
    }
    return r;
}

解决方法:

这条线上有一个问题：

r = elem.attachEvent("on" + evt, func.call(elem, window.event));

这将立即执行func(),而不是将其作为事件的处理程序附加.取而代之的是,将func()的返回值分配给该事件,如果其类型不是“ function”,则将引发错误.

我可以理解,您不想使用框架,但是许多其他许多人都编写了跨浏览器事件处理代码段. John Resig有一个版本,Google提供了更多的“ javascript addEvent”版本.

http://www.google.com/search?q=javascript+addevent

标签：addeventlistener,cross-browser,events,javascript,attachevent
来源： https://codeday.me/bug/20191209/2097015.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。