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


Posted in Javascript onNovember 03, 2013

简介:

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浏览器支持以上各种获取方式,属于兼容性最强的一个浏览器。

Javascript 相关文章推荐
HTML DOM的nodeType值介绍
Mar 31 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
Jun 13 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
Jun 17 Javascript
利用D3.js实现最简单的柱状图示例代码
Dec 09 Javascript
jquery+css实现侧边导航栏效果
Jun 12 jQuery
深入理解Webpack 中路径的配置
Jun 17 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
vue递归实现树形组件
Jul 15 Vue.js
关于删除时的提示处理(确定删除吗)
Nov 03 #Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 #Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 #Javascript
div模拟选择框示例代码
Nov 03 #Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 #Javascript
Javascript中string转date示例代码
Nov 01 #Javascript
文档对象模型DOM通俗讲解
Nov 01 #Javascript
You might like
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
Bootstrap企业网站实战项目4
2016/10/14 Javascript
jquery实现点击页面回到顶部
2016/11/23 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
原生js轮播特效
2017/05/18 Javascript
基于AngularJS实现的工资计算器实例
2017/06/16 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
nodejs开发一个最简单的web服务器实例讲解
2020/01/02 NodeJs
Javascript实现关闭广告效果
2021/01/29 Javascript
[00:37]2016完美“圣”典风云人物:AMS宣传片
2016/12/06 DOTA
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
python定时执行指定函数的方法
2015/05/27 Python
python实现图像识别功能
2018/01/29 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
Tesserocr库的正确安装方式
2018/10/19 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
python实现字典嵌套列表取值
2019/12/16 Python
python构造IP报文实例
2020/05/05 Python
python制作微博图片爬取工具
2021/01/16 Python
网络事业创业计划书范文
2014/01/09 职场文书
小学生成长感言
2014/01/30 职场文书
土地转让协议书
2014/09/27 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
python实战之90行代码写个猜数字游戏
2021/04/22 Python
MySQL主从切换的超详细步骤
2022/06/28 MySQL
SQL中去除重复数据的几种方法汇总(窗口函数对数据去重)
2023/05/08 MySQL