如何防止页面加载时神秘的 Onclick 执行？

Javascript onclick 函数在页面加载时神秘地触发

onclick 事件侦听器应该仅在单击关联元素时执行。然而，在某些场景下，可以观察到该函数在页面加载后立即被调用，导致点击事件无效。

将 onclick 属性指定为 setAttribute('onclick', secondaryFunction 时通常会出现此问题()) 而不是 setAttribute('onclick', secondaryFunction)。前者直接执行函数，后者将其注册为事件处理程序。

正确用法：

<code class="javascript">// Create a new element with an onclick event listener
var sentNode = document.createElement('a');
sentNode.setAttribute('href', "#");
sentNode.setAttribute('onclick', secondFunction);</code>

错误用法：

<code class="javascript">// Immediately executes the function upon loading the page
sentNode.setAttribute('onclick', secondFunction());</code>

关键区别位于第二个函数附加的括号中。通过省略它们，代码将事件处理程序定义为对函数的引用，从而允许在单击元素时执行它。相反，包含括号会立即触发函数的执行。

通过遵循正确的用法，onclick 事件将按预期运行，等待调用关联元素的单击。

以上是如何防止页面加载时神秘的 Onclick 执行？的详细内容。更多信息请关注PHP中文网其他相关文章！