使用onclick调用函数或使用.click绑定事件是否更好？

Question

假设我有一个div,我想在用户点击该div时运行某个代码.我可以通过两种方式实现这一目标.

HTML

<div id="clickme">Click Me</div>

使用Javascript

$(document).ready(function(){
    $('#clickme').click(function(){
        //Other code here doing abc.
    });
});

第二种方法是调用一个完全正确的函数,但它由一个函数调用

<div id="clickme" onclick="clickme()">Click Me</div>

使用Javascript

function clickme(){
    //Other code doing abc.
}

我的问题是,这两个代码都在做同样的事情吗？哪个更有效率和推荐？

Answer 1

这取决于。通常，如果事情非常简单，我更喜欢使用 onlick=""。

另一方面，如果它更复杂并且您想要执行大量代码，为了可读性，我更喜欢使用绑定事件。

老实说，我相信 onclick="" 在性能/内存使用等方面更好。您使用的绑定事件位于 jquery 层，并且使用 onclick 直接从您的元素调用事件。

这确实是一个选择的问题。

我喜欢绑定事件的一点是，您可以在绑定和捕获点击或击键方面拥有无限的可能性。还有 jquery 插件可以增强绑定事件，例如延迟绑定等（延迟绑定是指当您按下一个键时，代码会在您按下该键后 x 秒内执行，这在您键入时进行搜索时非常有用通过 ajax，因为它可以防止每次按键时发出请求）

如果您需要更多信息，请告诉我。

希望我给你一个很好的见解:)