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="https://stackoverflow.com/questions/57696734/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>