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 相关文章推荐
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
Jan 09 Javascript
javascript回车完美实现tab切换功能
Mar 13 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
Node.js API详解之 timer模块用法实例分析
May 07 Javascript
Ant design vue中的联动选择取消操作
Oct 31 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
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
php简单的上传类分享
2016/05/15 PHP
如何使用php等比例缩放图片
2016/10/12 PHP
根据分辨率不同,调用不同的css文件
2006/08/25 Javascript
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
2013/04/01 Javascript
js倒计时小程序
2013/11/05 Javascript
前端轻量级MVC框架CanJS详解
2014/09/26 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
jQuery实现网页拼图游戏
2020/04/22 jQuery
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
Vue中使用wangeditor富文本编辑的问题
2021/02/07 Vue.js
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python执行使用shell命令方法分享
2017/11/08 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
使用Fabric自动化部署Django项目的实现
2019/09/27 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
深入浅析python 中的self和cls的区别
2020/06/20 Python
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
会议邀请书范文
2014/02/02 职场文书
工地宣传标语
2014/06/18 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android