event对象获取方法总结在google浏览器下测试

 更新时间:2013年11月03日 16:54:13   作者:  
Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态,Event对象的获取方法如下,感兴趣的朋友可以参考下

简介:

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就是当前函数的上级函数

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

}

<input onclick="demo2()" value="demo2"/>

详细测试总结:

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

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

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

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

相关文章

  • 如何使用ImageDecoder API让GIF图片暂停播放

    如何使用ImageDecoder API让GIF图片暂停播放

    在本文中,我们介绍了如何使用ImageDecoder API来暂停GIF图像的播放,虽然这需要一些JavaScript编程知识,但它是一个非常强大的技术,可以让您对GIF图像进行各种高级操作,感兴趣的朋友跟随小编一起看看吧
    2023-06-06
  • js实现下拉框效果(select)

    js实现下拉框效果(select)

    本文主要介绍了js实现下拉框效果的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • JavaScript中读取和保存文件实例

    JavaScript中读取和保存文件实例

    这篇文章主要介绍了JavaScript中读取和保存文件实例,使用HTML5 File API实现,需要的朋友可以参考下
    2014-05-05
  • javaScript 利用闭包模拟对象的私有属性

    javaScript 利用闭包模拟对象的私有属性

    JavaScript缺少块级作用域,没有private修饰符,但它具有函数作用域。作用域的好处是内部函数可以访问它们的外部函数的参数和变量(除了this和argument
    2011-12-12
  • JS数组方法reduce的用法实例分析

    JS数组方法reduce的用法实例分析

    这篇文章主要介绍了JS数组方法reduce的用法,结合实例形式详细分析了JS数组方法reduce的基本功能、使用方法及相关操作注意事项,需要的朋友可以参考下
    2020-03-03
  • js实现兼容性好的微软官网导航下拉菜单效果

    js实现兼容性好的微软官网导航下拉菜单效果

    这篇文章主要介绍了js实现兼容性好的微软官网导航下拉菜单效果,涉及JavaScript基于鼠标事件实现页面样式变换的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • easyui-datagrid特殊字符不能显示的处理方法

    easyui-datagrid特殊字符不能显示的处理方法

    下面小编就为大家带来一篇easyui-datagrid特殊字符不能显示的处理方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • javascript 获取HTMl文件指定元素的代码

    javascript 获取HTMl文件指定元素的代码

    获取HTMl文件制定的元素的实现代码,需要的朋友可以参考下。
    2010-04-04
  • javascript实现贪吃蛇小游戏思路

    javascript实现贪吃蛇小游戏思路

    这篇文章主要为大家详细介绍了javascript实现贪吃蛇思路小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 15个用于开发的TypeScript高级技巧分享

    15个用于开发的TypeScript高级技巧分享

    这篇文章主要来和大家分享一下15个用于开发的TypeScript高级技巧,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以了解一下
    2023-07-07

最新评论