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 相关文章推荐
javaScript - 如何引入js代码
Mar 09 Javascript
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
js实现的点击数量加一可操作数据库
May 09 Javascript
详解JS函数重载
Dec 04 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
Sep 10 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 Javascript
原生js实现简单轮播图
Oct 26 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 xml 入门学习资料
2011/01/01 PHP
Laravel 5框架学习之Laravel入门和新建项目
2015/04/07 PHP
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
javascript 函数及作用域总结介绍
2013/11/12 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
2016/06/03 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
2016/12/22 Javascript
JavaScript中动态向表格添加数据
2017/01/24 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
2017/12/18 jQuery
详解vue-cli 脚手架 安装
2019/04/16 Javascript
JavaScript 继承 封装 多态实现及原理详解
2019/07/29 Javascript
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
深入理解css属性的选择对动画性能的影响
2016/04/20 HTML / CSS
实例讲解CSS3中Transform的perspective属性的用法
2016/04/22 HTML / CSS
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
处理textarea中的换行和空格
2019/12/12 HTML / CSS
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
售后专员岗位职责
2013/12/08 职场文书
小学班长竞选演讲稿
2014/04/24 职场文书
学生鉴定评语大全
2014/05/05 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
师德师风剖析材料
2014/09/30 职场文书
2015大学生暑期实习报告
2015/07/13 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
警用民用对讲机找不同
2022/02/18 无线电
mysql中关键词exists的用法实例详解
2022/06/10 MySQL