event: "Deprecated symbol used, consult docs for better alternative"
I do not know if it is still important for someone or not, but tested on WebStorm 2020.3 the following works, and the IDE does not complain about deprecation. Additionally, WebStorm identifies the event as Event.
Code snippet below.
(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>
![mistiru](https://i.stack.imgur.com/Hkz9l.jpg?s=256&g=1)
mistiru
Updated on November 11, 2021Comments
-
mistiru over 2 years
It's been a while that PyCharm (I suppose it's the same with WebStorm and other JetBrains IDEs) raise a weak warning on the
event
variables I use in my code.For instance in the following code
<div id="my-div" onclick="event.preventDefault();">...</div>
PyCharm displays this message "Deprecated symbol used, consult docs for better alternative".
The problem seems to be that the
event
variable refers toWindow.event
, and according to 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.
I know that a correct workaround would be to write in a javascript tag:
document.getElementById("my-div").addEventListener("click", function(event) { console.log("And use this " + event + " instead"); });
I am just wondering what would be, if it exists, the correct way to use events in the HTML code (
onclick
attribute). -
Itamar over 3 yearsIf it helped you, please mark it as answer for future visitors
-
G. Marc over 3 yearsThis is not a solution at all. Pycharm still complains about the usage of "event" in the attribute.
-
Itamar over 3 yearsDear Mark, Can you attach your error in PyCharm? This is the solution for the asked question
-
chrisan over 3 years@Itamar the error is the same
Deprecated symbol used, consult docs for better alternative
and appears for both of your examples in the most recent version available by Jetbrains at the time of this comment -
Itamar over 3 yearsI do think that there might be a different reason for that. i suggest you to ask your own question with all the needed info
-
Itamar over 3 yearsSure. Cause it's not the problem the op has