阻止默认事件的方法preventDefault()_知识百科

阻止默认事件的方法preventDefault()

分类：知识百科日期：2025-01-24 点击：0

preventDefault()方法是JavaScript中的一个阻止默认事件的方法，它可以阻止浏览器的默认行为，比如表单提交、页面跳转等。

使用preventDefault()方法的方法很简单，只需要在事件处理函数中调用它即可，比如：

document.getElementById("myForm").addEventListener("submit", function(event){
    event.preventDefault();
});

上面的代码中，我们为表单元素myForm添加了submit事件的监听器，在事件处理函数中调用了event.preventDefault()方法，从而阻止了表单提交的默认行为。

preventDefault()方法还可以用于阻止键盘快捷键的默认行为，比如：

document.addEventListener("keydown", function (event) {
    if (event.keyCode === 13) {
        event.preventDefault();
    }
});

上面的代码中，我们为document元素添加了keydown事件的监听器，当用户按下回车键时，调用event.preventDefault()方法，阻止了键盘快捷键的默认行为。

preventDefault()方法是一个非常实用的方法，它可以用来阻止浏览器的默认行为，从而更好地控制用户的交互体验。

阻止默认事件的方法preventDefault()