gpt4 book ai didi

javascript - 事件 : "Deprecated symbol used, consult docs for better alternative"

转载 作者:行者123 更新时间:2023-12-01 11:41:23 25 4
gpt4 key购买 nike

PyCharm(我想 WebStorm 和其他 JetBrains IDE 也是如此)在 event 上发出微弱警告已经有一段时间了。我在代码中使用的变量。
例如在下面的代码中

<div id="my-div" onclick="event.preventDefault();">...</div>
PyCharm 显示此消息“已弃用符号,请查阅文档以获得更好的替代方案”。
问题似乎是 event变量指 Window.event ,并根据 MDN Web Docs :

You should avoid using this property in new code, and should instead use the Event passed into the event handler function. This property is not universally supported and even when supported introduces potential fragility to your code.


我知道正确的解决方法是写在 javascript 标签中:
document.getElementById("my-div").addEventListener("click", function(event) {
console.log("And use this " + event + " instead");
});
我只是想知道,如果存在的话,在 HTML 代码( onclick 属性)中使用事件的正确方法是什么。

最佳答案

我不知道它对某人是否仍然重要,但在 WebStorm 2020.3 上测试了以下作品,并且 IDE 没有提示弃用。
此外,WebStorm 将事件标识为 Event .
下面的代码片段。

(function() {
const checkBox = document.querySelector("#id-checkbox");
checkBox.addEventListener('click', (event) => {
event.preventDefault();
}, false);
})();
<head>
<script src="click.js" defer></script>
</head>
<body>
<p>Please click on the checkbox control.</p>
<form>
<label for="id-checkbox">Checkbox:</label>
<input type="checkbox" id="id-checkbox"/>
</form>

<div id="output-box"></div>
</body>

关于javascript - 事件 : "Deprecated symbol used, consult docs for better alternative",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57696734/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com