事件。"使用了过时的符号,请查阅文档以获得更好的替代品"

问题描述 投票:15回答:1

有一段时间,PyCharm(我想WebStorm和其他JetBrains IDE也是如此)会发出一个微弱的警告。event 我在代码中使用的变量。

例如在下面的代码中

<div id="my-div" onclick="event.preventDefault();">...</div>

PyCharm 会显示这样的消息 "使用了过时的符号,请查阅文档以获得更好的替代方案"。

问题似乎在于 event 变量是指 Window.event,并根据 MDN网络文件:

你应该避免在新代码中使用这个属性,而应该使用传递到事件处理函数中的事件。这个属性并不被普遍支持,即使被支持也会给你的代码带来潜在的脆弱性。

我知道一个正确的变通方法是写进javascript标签。

document.getElementById("my-div").addEventListener("click", function(event) {
  console.log("And use this " + event + " instead");
});

我只是想知道,如果存在的话,在HTML代码中使用事件的正确方法是什么?onclick 属性)。)

先谢谢你

javascript html pycharm dom-events event-listener
1个回答
0
投票

正如Bergi所说,JavaScript是最好的方法。如果你愿意,你可以做一些像

<div id="my-div" onclick="(e) => {e.preventDefault()}">...</div>

但是如果你需要的话,你就不能访问事件变量。

© www.soinside.com 2019 - 2024. All rights reserved.