JavaScript事件及event属性
发布网友
发布时间：2024-10-16 13:41
共1个回答
热心网友
时间：2024-12-03 01:30
事件源是指响应事件的元素节点。
事件是指触发操作的条件，如单击、鼠标、双击、焦点等。
事件驱动程序是响应事件所需执行的操作。
接下来是单击事件：
关键字：onclick-->单击事件，对应节点元素调用该关键字方法即可。在代码的右边添加对应的函数，在函数中写对应的操作，即可完成单击事件所需完成的功能。
注意事项：
a).例子中的this指的是谁调用谁，this就是指的谁。
b).点击单击事件源时就会响应事件，浏览器会执行事件源.onclick()进行执行。
如果想手动调用事件：事件源.onclick()。
c).取消事件源绑定的事件，实现方式：事件源.onclick = null;
然后是双击事件：
关键字：ondblclick-->双击事件的关键字。
接下来是event属性：
event对象：该对象是事件匿名函数的一个形参，每个事件的匿名函数都携带这个形参。event对象，是响应事件时默认传递过来的，对于开发者而言，只需要掌握使用即可！
建议：event对象形参名可以自定，但是建议不修改，使用event作为形参名，可以做到见名知意。
A：键盘事件
B：事件冒泡
给子类添加事件，如果父类也添加了对应的事件，则在子类中响应该事件的时候，会冒泡到父类，父类也会响应该事件。
target:最初的触发事件的DOM元素，特指事件触发源
currentTarget：在事件冒泡的阶段中的当前DOM元素，特指当前事件元素
解决办法：1.W3C提供的事件中，只有onmouseenter和onmuseleave默认阻止了冒泡事件
2. event.stopPropagation();该方法可以阻止事件冒泡。
C:取消事件默认行为
解决办法：1.使用event方法实现，event.preventDefault();
2.在事件函数内部，返回return false;来实现
