首页 > 技术文章 > event获取的方式

liyanyan665 2019-07-21 03:43 原文

Event对象的获取方法:
          方法一:

          例如:function demo1(e){

                              var e = e || window.event;

                             //此种方法在ie中和google中可以不传参数e也可以获取到event,但是在火狐中必须在事件方法中传递event参数

                            //才可以获取到event对象。

                      }

                   <input  onclick = "demo1(event)" value="demo1"/>

           方法二:通用的方便的方法(这种方法方便之处在于不用传参数)

           例如:function demo2(){

                               var e = arguments.callee.caller.arguments[0] || window.event;

                               //arguments.callee指的就是当前的函数体

                              //arguments.callee.caller就是当前函数的上级函数

                             //所以当执行οnclick="demo2()"时arguments.callee就是demo2(),arguments.callee.caller就是function onclick ,
                            //onclick的第一个能数就是event,也就是arguments.callee.caller.arguments[0]这个。

                       }

                       <input οnclick="demo2()" value="demo2"/>

详细测试总结:

一:万能的同样的方法是:传递参数event(实参必须写event换其他名称不行)方式。

二:window.event适用于ie和google浏览器火狐不支持。

三:arguments.callee.caller.arguments[0]仅火狐和google支持,ie不支持这种获取方式。

从以上测试结果可知google浏览器支持以上各种获取方式,属于兼容性最强的一个浏览器。

 

 

顺便说下angularjs获取的方式,使用ng-click=myFunction($event)   传入的$event也是上面的event, angularjs ng-change等获取不到event
---------------------

推荐阅读