JavaScript preventDefault 不是函数

Question

我正在尝试使用 JavaScript 检测对按钮的点击并阻止默认操作

<button onclick="myFunction(this)">Click Here</button>

function myFunction(event) {

    event.preventDefault();

    console.log("Function Has Run")
}

我遇到了错误

event.preventDefault is not a function

我哪里错了？

Answer 1

在 onclick 函数中，this 的值是元素，而不是事件。

event 是 onclick 函数的第一个参数。

你可以这样做:

onclick="myFunction(event)"

... 但老实说，我不确定 onclick 属性是否设置了本地 event 变量，如果这是 global event .

最好用 JavaScript 绑定(bind)事件处理程序:

document.querySelector('button').addEventListener('click', myFunction)

然后 myFunction itself 将成为事件处理程序，因此传递给它的第一个参数将是事件对象，而 this 将是事件处理程序绑定(bind)到的元素。