Javascript 我应该在jQuerys文档中使用onclick或click方法吗?
我不知道是应该在HTML/PHP中使用onclick,还是应该使用绑定到特定id的单击函数Javascript 我应该在jQuerys文档中使用onclick或click方法吗?,javascript,html,jquery,Javascript,Html,Jquery,我不知道是应该在HTML/PHP中使用onclick,还是应该使用绑定到特定id的单击函数 onclick示例: <button onclick="performAction()">Click me!</button> function performAction() { .... } 优点/缺点是什么?使用哪个更好/更快?谢谢你的意见 不要使用内联事件处理程序,例如onclick属性。它们不再是好的实践,因为它们将HTML和JS代码绑得太紧,这违反了原则 最
onclick
示例:
<button onclick="performAction()">Click me!</button>
function performAction() {
....
}
优点/缺点是什么?使用哪个更好/更快?谢谢你的意见 不要使用内联事件处理程序,例如
onclick
属性。它们不再是好的实践,因为它们将HTML和JS代码绑得太紧,这违反了原则
最佳实践是在普通JS或您选择的框架中使用不引人注目的事件处理程序
鉴于您问题的标签,下面是一个使用普通JS的示例:
document.querySelector('#abc').addEventListener('click', function() {
// logic here...
});
jQuery中也有同样的情况:
$("#abc").on('click', function() {
// logic here...
});
若要将任何事件绑定到选择器,则应首选
jQuery(document).ready(function () {
$("#abc").on('click', function () {
...
});
});
因为上的是一个实时事件。在这两种情况下,它都将调用DOM中已经存在的内容,或者在动态添加内容之后调用。虽然,。单击
不会一直起作用
第二件事,您可以选择它-onclick=“performAction()”
当您希望向函数发送一些参数时,如以下所示-
`<button onclick="performAction('param1', 'param2')">Click me!</button>`
`点击我`
`<button onclick="performAction('param1', 'param2')">Click me!</button>`