event对象获取方法总结在google浏览器下测试
生活随笔
收集整理的這篇文章主要介紹了
event对象获取方法总结在google浏览器下测试
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
簡介:
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瀏覽器支持以上各種獲取方式,屬于兼容性最強的一個瀏覽器。
總結
以上是生活随笔為你收集整理的event对象获取方法总结在google浏览器下测试的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js之事件冒泡和事件捕获
- 下一篇: JS event使用方法详解