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 相关文章推荐
jquery为页面增加快捷键示例
Jan 31 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
jQuery中delegate()方法用法实例
Jan 19 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
Aug 28 Javascript
ES6中的数组扩展方法
Aug 26 Javascript
vue组件中的数据传递方法
May 14 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
关于删除时的提示处理(确定删除吗)
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
使用apache模块rewrite_module (转)
2007/02/14 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
PHP 中常量的知识整理
2017/04/14 PHP
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
javascript变量声明实例分析
2015/04/25 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
JSON与XML优缺点对比分析
2015/07/17 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
2015/10/30 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
2015/12/03 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
AngularJS ng-change 指令的详解及简单实例
2016/07/30 Javascript
jquery实现转盘抽奖功能
2017/01/06 Javascript
node.js中使用Export和Import的方法
2017/09/18 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
vue 实现锚点功能操作
2020/08/10 Javascript
JavaScript Blob对象原理及用法详解
2020/10/14 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
老生常谈python中的重载
2018/11/11 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
深入浅析css3 border-image边框图像详解
2015/11/24 HTML / CSS
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
英国最受欢迎的平价女士时装零售商:Roman Originals
2019/11/02 全球购物
介绍下Java中==和equals的区别
2013/09/01 面试题
应聘自荐书
2013/10/08 职场文书
个人能力自我鉴赏
2014/01/25 职场文书
工程材料采购方案
2014/05/18 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
党支部先进事迹材料
2014/12/24 职场文书
学生自我评语
2015/01/04 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
python实现Nao机器人的单目测距
2021/09/04 Python
详解Vue router路由
2021/11/20 Vue.js