JavaScript 中 onclick 事件不响应，如何解决？

单击事件为何不响应？

在 javascript 中，单击事件是通过 onclick 事件监听器处理的。但是，在提供的代码中，onclick 事件监听器中存在一个问题导致单击事件不会响应。

代码段：

(<span style="color: #0000ff">function</span><span style="color: #000000">(){
    </span><span style="color: #0000ff">var</span> btn=document.getelementbyid("btn"<span style="color: #000000">);
    </span><span style="color: #0000ff">function</span><span style="color: #000000"> getname(name){
    alert(name);
    }
    btn.onclick</span>=getname("123"<span style="color: #000000">);
}();</span>

问题：

问题在于 onclick 事件监听器中 getname("123") 的执行时序。当 getname("123") 执行时，它返回了 undefined。这意味着 btn.onclick 等于 undefined，因此，单击事件不会触发。

解决方案：

要解决此问题，我们需要将 getname("123") 改为匿名函数，这样它将在单击事件触发时立即执行。

修改后的代码：

(<span style="color: #0000ff">function</span><span style="color: #000000">(){
    </span><span style="color: #0000ff">var</span> btn=document.getElementById("btn"<span style="color: #000000">);
    </span><span style="color: #000000">btn.onclick = <span style="color: #0000ff">function</span>(){
        getName("123");
    };
}();</span>

通过修改后的代码，getname("123") 将在单击事件触发时立即执行，从而触发单击事件并显示警报。

以上就是JavaScript 中 onclick 事件不响应，如何解决？的详细内容，更多请关注其它相关文章！