event獲取的方式


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
---------------------


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM