这是我参加「第四届青训营」笔记创作活动的第二天
在使用绑定事件的过程中,使用到了事件对象event,但是当时对于其具体的定义和作用还是不太清楚,所以借此系统性的总结一下事件对象event,并分享给大家。
1.首先我们需要搞清楚什么是事件对象。
1.event是事件对象,是关于事件的一系列的集合,他会写在事件函数的小括号里,我们一般习惯写e。
2.事件对象是针对某一个事件(单击事件,鼠标事件,键盘事件等)而谈的,事件对象发生在事件之后。
3.事件对象系统会默认创建的,我们只需要接收和学习使用他们就好。
2.既然知道了event是什么,那么如何深入了解它呢。
1.首先我们通过控制台打印出event,然后对其内容进行分析。
在控制台中我们可以看出,event包括许多事件的属性,还有prototype原型,我们需要理解其含义,也便于之后使用他们。我大概整理了几个常见属性可实现功能的表格。
3.event中包括了prototype原型对象。
原型prototype属性存在JavaScript的所有function类型的对象中,这个属性本身又是一个object类型的对象,我们可以给这个对象添加人以的属性和方法。这是js特有的“原型继承”即每一个对象都从原型继承属性,prototype对象将自己的方法和属性提供给后代继承,类似于java中的继承。关于原型这一知识点还有很多内容,计划明天会总结一下原型和原型链这方面的内容。
4.$event的使用(两个小例子)。
1.这是昨天分析的单选框中使用到的$event,这里在传参时候如果没有其他参数情况下,就是默认传的event,checked方法接收到事件对象event存放在e中,在下面利用e.target.checked属性得到单选框是否已经选中的信息,并进行修改取反,实现方法。
2.用于阻止默认行为
**e.preventDefault();**使得该链接的跳转无效。
以上就是我对事件对象($event)的一些理解和总结,希望能对读者们有一点点帮助.^^