JavaScript中event（e）属性含义、参数使用及判断方法问询

嘿，我来帮你把JavaScript里e/event这事儿掰扯清楚！

简单说，它就是事件对象——当浏览器触发一个事件（比如你点击按钮、输入文字、滚动页面）的时候，会自动生成这么一个对象，里面装着和这个事件相关的所有细节：

• 比如点击事件里，e.target告诉你点的是哪个元素，e.clientX/e.clientY是你点击的屏幕坐标；
• 键盘事件里，e.key能知道你按了哪个键，e.ctrlKey能判断你是不是同时按了Ctrl；
• 甚至还包含事件的传播状态、是否被阻止过默认行为这类信息。

它就像事件的“随身说明书”，你需要的时候就能从中取到有用的信息或功能。

因为preventDefault()是事件对象自带的方法啊！你得先拿到这个“说明书”，才能调用它上面的功能。

举个实际的例子：默认情况下，点击<a>标签浏览器会跳转到指定链接，但如果你想阻止这个行为，就得用e.preventDefault()：

document.querySelector('a').addEventListener('click', function(e) {
  e.preventDefault(); // 阻止a标签的默认跳转
  console.log('链接被点了，但没跳转');
});

要是你不传e，函数里根本找不到这个事件对象，自然没法调用它的preventDefault()方法——就像你要开空调，总得先拿到遥控器（事件对象）才能按按钮（调用方法）对吧？

其实很简单，看你有没有用到事件相关的信息或功能：

• 当你需要阻止浏览器默认行为时：比如阻止表单自动提交、阻止右键菜单弹出、阻止链接跳转，这时候必须传e来调用preventDefault()；
• 当你需要获取事件细节时：比如想知道用户点了哪个元素、按了哪个键、鼠标移到了哪里，就得通过e来取这些属性；
• 当你需要控制事件传播时：比如用e.stopPropagation()阻止事件冒泡，或者e.stopImmediatePropagation()阻止同元素的其他事件监听器触发，也得靠e；
• 如果你的逻辑和事件本身无关，只是单纯执行一段代码（比如点击按钮弹出个alert），那完全不用传e，比如：

document.querySelector('button').addEventListener('click', function() {
  alert('按钮被点啦！');
});

总结一下，e就是浏览器给你的事件“工具箱”，需要用到里面的工具或信息时，就把它作为参数传进来；不需要的话，直接忽略就行～

内容的提问来源于stack exchange，提问作者emred2700