请教一下关于 functon(event){//...} 中的event的问题?

请教一下关于 functon(event){//...} 中的event的问题?

<button id="btn">点击一下</button>
var btn = document.querySelector("#btn");
		btn.addEventListener("click",function(event){
			//event
			//type :返回事件类型
			alert(event.type); //click
		})
		btn.addEventListener("mouseout",function(){
			alert(event.type); //mouseout
		})

两个function一个在 function(event){//...} 传入 event 一个没有传event.效果是一样的。像这样传入在括号传入  event   跟没在function括号中传 event有啥子区别? 

函数括号里 event 是 event对象,还只是一个局部变量? 它的指向是哪?是绑定的事件还是定义事件的元素对象呢?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

event 对象是 JavaScript 中一个非常重要的对象,用来表示当前事件。event 对象的属性和方法包含了当前事件的状态。
当前事件,是指正在发生的事件;状态,是与事件有关的性质,如 引发事件的DOM元素、鼠标的状态、按下的键等等。这些都是作为event对象的属性和方法存在的。要想获得相应的状态,就要访问对应的属性和方法。
event 对象只在事件发生的过程中才有效。

even参数可加可不加,需要用到的时候就加。

祝学习愉快!

  • 会飞的铁蛋 提问者 #1
    非常感谢!
    2017-10-19 10:46:52
  • 那有的时候function(e)里面的e也代表event吗?还是说括号里面随便写,瞎写一个也代表event?
    2017-10-19 16:19:28
小丸子爱吃菜 2017-10-19 16:37:54

如果没有传入参数的话,必须是event;如果传入参数的话,e只是个名称,叫eve也可以。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5&CSS3进阶与常用框架 2018
  • 参与学习       315    人
  • 提交作业       136    份
  • 解答问题       626    个

如果你有H5、CSS3、JS基础,热爱前端并希望在前端应用方面不断进步,那就来吧,本路径为你带来的课程有HTML5进阶、CSS3进阶、JS面向对象、jQ基础、Less等,助你进一步提升前端开发技能

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师