"on" 前缀是 JavaScript 事件处理的一个传统语法,它等价于使用 addEventListener()
方法来注册事件监听器。
target.οndragenter=target.οndragοver=function (event){ event.preventDefault(); }
与下面这个代码相等
target.ondragenter = function (event) {
event.preventDefault();
// 在这里处理 dragenter 事件
};
target.ondragover = function (event) {
event.preventDefault();
// 在这里处理 dragover 事件
};
target.ondragenter
和 target.ondragover
中的 on
是一个简写,用于表示事件处理属性。在JavaScript中,当你想为某个元素添加事件监听器时,你可以使用 addEventListener
方法。但是,为了简化代码,很多开发者更喜欢使用事件处理属性,如 onclick
、onload
等。
对于点击事件,我们有 onclick
;对于加载事件,我们有 onload
。同样地,对于拖放中的进入和移动事件,我们分别有 ondragenter
和 ondragover
。
区别:
- 使用
addEventListener
,你可以为同一事件(例如 "click")添加多个监听器,它们都将被触发 - 使用
onclick
属性,如果你尝试添加另一个监听器,它将覆盖前一个。