时间戳

首页 > 解决方案 > 我应该在 jQuerys 文档中使用 onclick 还是 click 方法准备好了吗？

javascript - 我应该在 jQuerys 文档中使用 onclick 还是 click 方法准备好了吗？

问题描述

我不知道我是否应该在 HTML/PHP 中使用 onclick 或绑定到特定 id 的单击函数。

onclick例子：

<button onclick="performAction()">Click me!</button>

function performAction() {
    ....
}

clickjQuerys 文档就绪函数中的示例：

<button id="abc">Click me!</button>

jQuery(document).ready(function ($) {
    $("#abc").click(function () {
        ...
    });
});

有什么优点/缺点，哪个更好/更快使用？感谢您的意见！

标签： javascripthtmljquery

解决方案

不要使用内联事件处理程序，例如onclick属性。它们不再是好的做法，因为它们将 HTML 和 JS 代码紧密地捆绑在一起，这违反了关注点分离原则。

最佳实践是在纯 JS 或您选择的框架中使用不显眼的事件处理程序。

鉴于您问题上的标签，这是使用纯 JS 的示例：

document.querySelector('#abc').addEventListener('click', function() {
  // logic here...
});

这是 jQuery 中的相同内容：

$("#abc").on('click', function() {
  // logic here...
});

推荐阅读