温馨提示×

preventDefault()方法怎么使用

小亿
161
2023-09-05 00:00:30
栏目: 编程语言

preventDefault()方法用于取消事件的默认行为。在JavaScript中,可以通过以下方式使用preventDefault()方法:

  1. 通过事件对象使用preventDefault()方法:
element.addEventListener("click", function(event){
event.preventDefault();
});

在上述代码中,当元素被点击时,会触发事件处理函数。通过调用event.preventDefault()方法,取消了点击事件的默认行为。

  1. 在事件处理函数中使用preventDefault()方法:
element.onclick = function(event){
event.preventDefault();
};

在上述代码中,将事件处理函数直接赋值给元素的onclick属性。在事件处理函数中调用event.preventDefault()方法,取消了点击事件的默认行为。

需要注意的是,preventDefault()方法只能在事件触发后立即调用,否则无法取消默认行为。

0