JavaScript获取事件对象的注意事项

2016-02-20 01:03 1 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的JavaScript获取事件对象的注意事项,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

平时我们获取事件对象一般写法如下:

 getEvent 
   window  

如果没有参数,也可写成(非IE :事件对象会自动传递给对应的事件处理函数,且为第一个参数):

 getEvent 
    arguments window

这样的写法在除 Firefox(测试版本:3.0.12,下同) 外的浏览器上运行都不会有问题,但 Firefox 为什么例外呢?让我们这样一种情形:

foo按钮


foo
    e  getEvent
   alerte

运行结果在 Firefox 中是 ,为什么呢?

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

在 Firefox 中调用其实是这样的,先调用执行的是:

 foo
    e  getEvent
   alerte

然后调用执行的是:

 onclick 
    foo

会发现在 Firefox 下 onclick 中的 foo 无法自动传入事件对象参数,而默认传递给了系统生成的 onclick 函数,那本例我们可以通过 getEventcallercallerarguments 获得事件对象。

因此,我们的 getEvent 可以优化成(参照 yui_2.7.0b 中的 event/event-debug.js 中 getEvent 方法):

 getEvent 
        evwindow

        ev
                c getEventcaller
                c
                        ev carguments
            evev   ev
               
           
            c ccaller
               
       

        ev

当然还有一个很简单的解决方法,就是手动将参数传递给 onclick

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
foo按钮

来源:https://www.tulaoshi.com/n/20160220/1633163.html

延伸阅读
标签: 怀孕
孕期的用药安全和胎儿的健康相联系,准妈妈在用药时需要十分注意。那么, 孕妇注意事项 有哪些呢?孕妇用药的注意事项有哪些呢? 一、孕妇用药八大注意事项 1、自己随意用药是危险的 药物既不能滥用,也不能有病不用,孕妇因为疾病同样会影响胎儿,更不能自选自用药物,一定在医生的指导下使用已证明对胚胎与胎儿无害...
标签: Web开发
 onLoadExecutes JavaScript code when a load event occurs; that is, when the browser finishes loading a window or all frames within a FRAMESET tag. Navigator 2.0 Navigator 3.0: event handler of Image   语法onLoad="handlerText"参数   描述Use the onLoad event handler within either the BOD...
标签: Web开发
js鼠标事件大全2008年01月14日 星期一 08:54一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发...
标签: 怀孕
怀孕期间可以同房吗?究竟应该怎么做才是健康而又快乐的呢?孕期性生活注意事项有哪些? 进入稳定期以后,只要孕妇身体状态良好,是可以适度进行性生活的。 实际上,进入了怀孕4-5个月后的稳定期的健康孕妇,是完全可以进行适度的性生活的。当然,孕妇间还存在着个体差异,在孕期过性生活时,也有一些事项是我们必须注意的。 ...
标签: Web开发
在很多语言的学习中,“事件”都是一个比较难理解,但是又是一个很重要的概念。JavaScript中的事件处理也是一样,正因为有了事件处理,才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理,读过之后,您就会知道,很多Ajax框架实现拖动效果的原理了。 一、 IE Event对象 (一)IE Event对象的主要属性和方法 在IE中有一个专门负...

经验教程

795

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部