defcected; event.preventdefault（）的好替代方案＆quot;对于内联JavaScript代码

Question

<button type="submit" class="button-danger" onclick="if(!window.confirm('aaa'))event.preventDefault();">aaa</button>

这是我的原始代码。 phpstorm显示事件全局变量已弃用。

我不想制作一个单独的功能来完成我想做的事情，但是我只希望该按钮的“ onClick”属性内置此内联版本。

正确使用jQuery的替代性会更好。任何建议将不胜感激。

编辑：链接的问题的答案可以单独函数。我想要一个内置版本的内联版本。我不想使我的代码很长。

Answer 1

首先，如果您想编写不错的可维护现代JavaScript，那么您真的不应该使用内联操件。他们有一个大量的问题通常只能参考全局标识符（例如window.event.event） ）。我强烈建议使用JavaScript正确安装活动处理程序。

$('button').on('click', (e) => {
  if (!window.confirm('aaa')) {
    e.preventDefault();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <button type="submit" class="button-danger">aaa</button>
</form>

如果这实际上不是您的选项，那么通过引用参数为Inline Handler来完成您想做的事情。第一个参数将是事件，因此参数[0] .preventDefault（）将执行您想要的工作。

<form>
  <button type="submit" class="button-danger" onclick="if(!window.confirm('aaa')) arguments[0].preventDefault();">aaa</button>
</form>