Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/58.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我应该在jQuerys文档中使用onclick或click方法吗?_Javascript_Html_Jquery - Fatal编程技术网

Javascript 我应该在jQuerys文档中使用onclick或click方法吗?

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代码绑得太紧,这违反了原则 最

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

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>`