javascript - chrome浏览器下，e和event有什么区别吗-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

这个结论可能有误，或者局面性，但是还是放在我的菜鸟tips里，欢迎补充或者纠正。之前听过e和event的区别是IE和FF的，不过一直用的都是chrome，但是e和event却不能互换，传参的那个e也不能省略，很是不能理解e和event的不同，求解答。下面使用js和jq测试的例子。

PHPz

学习是最好的投资！

全部回复(2)

PHP中文网2017-04-11 12:25:42 2楼

当你使用addEventListener的时候,回调函数应该加上形参,不管是e或者是event,只要符合变量命名规则就可以了
就像

var button = document.getElementsById("buttonId")[0];
button.addEventListener("click",function (e){
  console.log(e);
});
// button.addEventListener("click",function (event){
//  console.log(event); //也是可行的
// });
$("#buttonId").on("click", function (e) {
  console.log(e); // 已做过兼容处理
});

函数的参数e(或者event)会由浏览器帮我们传入
而这个参数e对象的内容,如果是标准事件(非自定义事件)的话,则由浏览器自身来决定,而当使用jquery的时候,实际上jquery已经帮我们把传入回调的数据做了兼容性的处理以保证在各个浏览器都可以保持一致行为

而你的疑问应该是window.event和事件处理回调里的参数event的区别吧?

$("#buttonId").on("click", function (e) {
  console.log(e); // 已做过兼容处理
  console.log(event); // window.event
});
button.addEventListener("click",function (event){
  console.log(event === window.event); //chrome下输出为true
});

在chrome下这个window.event实际和addEventListener(eventType, function(event){})中的event是一样的.旧版本的ie也有window.event,但是旧版本ie并不支持addEventListener,而firefox并没有这个值,基本上也不建议使用这个值就是了

赞 +0

添加回复

阿神2017-04-11 12:25:42 1楼

我理解题主的疑问是在代码中event 和 e 到底该用什么？或者可以说在不同的浏览器下怎么获取事件对象。通常见到的方法是

    var evt = window.event || e;

IEChrome中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以上述情况也可以是这样一行代码

    var evt = window.event || arguments[0];

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>