为什么JavaScript 点击事件失效？

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《为什么JavaScript 点击事件失效？》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

javascript 单击事件失效困扰

某些情况下，javascript 单击事件可能会失效，出现该问题可能是由于函数执行时机不当。

代码示例:

(function() {
    var btn = document.getelementbyid("btn");
    function getname(name) {
        alert(name);
    }
    btn.onclick = getname("123");
})();

问题分析:

该代码中，getname("123") 立即执行，返回 undefined，而不传任何参数给 btn.onclick。因此，当单击按钮时，btn.onclick 为 undefined，不会引发任何操作。

解决办法:

要解决此问题，需要在单击事件处理程序中调用 getname 函数，而不是在声明时立即调用它。

(function() {
    var btn = document.getElementById("btn");
    function getName(name) {
        alert(name);
    }
    btn.onclick = function() { // 匿名函数
        getName("123");
    };
})();

这样，单击按钮时，btn.onclick 会执行包含 getname("123") 调用在内的匿名函数，从而正确触发警报对话框。

到这里，我们也就讲完了《为什么JavaScript 点击事件失效？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！