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 相关文章推荐
MooTools 1.2介绍
Sep 14 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
Sep 14 Javascript
js处理php输出时间戳对不上号的解决方法
Jun 20 Javascript
jquery的attr方法禁用表单元素禁用输入内容
Jun 23 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
Mar 21 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
基于jQuery插件实现点击小图显示大图效果
May 11 Javascript
js基于cookie记录来宾姓名的方法
Jul 19 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
微信小程序封装http访问网络库实例代码
May 24 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
Mar 22 Javascript
Vue CLI3基础学习之pages构建多页应用
Jun 02 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
phpize的深入理解
2013/06/03 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
php设计模式之单例模式实例分析
2015/02/25 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
关于COOKIE个数与大小的问题
2011/01/17 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
javascript html5移动端轻松实现文件上传
2020/03/27 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
利用js编写网页进度条效果
2017/10/08 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
[01:44]Ti10举办地公布
2019/08/25 DOTA
python多进程共享变量
2016/04/06 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
Django多个app urls配置代码实例
2020/11/26 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
CSS3 渐变(Gradients)之CSS3 线性渐变
2016/07/08 HTML / CSS
大一学生假期实习的自我评价
2013/10/12 职场文书
应届生骨科医生求职信
2013/10/31 职场文书
新学期教师寄语
2014/04/02 职场文书
班主任工作经验交流材料
2014/05/13 职场文书
党员干部一句话承诺
2014/05/30 职场文书
社区志愿者培训方案
2014/06/10 职场文书
车辆委托书范本
2014/10/05 职场文书
质检员岗位职责范本
2015/04/07 职场文书
小学毕业教师寄语
2019/06/21 职场文书
gateway网关接口请求的校验方式
2021/07/15 Java/Android