如何解决即使未单击按钮,也会触发按钮上的 onClick 事件
window.onload = function(){
document.getElementById('loginButton').onClick = logInToPod();
}
问题是,由于某种原因,logInToPod()
函数在页面加载后立即调用,而无需单击按钮,而我编写的代码应该只添加事件侦听器,并且在单击之前不调用该函数按钮,对吗?
我正在使用 webpack,我不知道这是否重要或是否导致了这种情况。
解决方法
我看到两个主要问题:
-
onClick
应该是onclick
; -
logInToPod()
应该是logInToPod
。
所以我建议修改你的代码,如:
window.onload = function(){
document.getElementById('loginButton').onclick = logInToPod;
}
Here 一个 JSFiddle 示例。
,出现这个问题是因为您使用括号直接调用 logInToPod 函数,这意味着它将在执行 window.load
的同一时间进行评估。
你应该通过一个指针来调用它,正如我在下面列出的
window.onload = function(){
document.getElementById('loginButton').onclick = logInToPod;
}
function logInToPod()
{
alert("You have clicked me!");
}
<button id="loginButton">Click me to alert</button>
这里的 logIntoPod
是一个指向函数的指针,它将在点击事件被触发时进行评估。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。