javascript - onclick 函数在没有点击 JavaScript 的情况下执行

Question

我正在使用一些 JavaScript 和 Ajax 函数。我将在解释自己的同时放一些代码，以便更清楚。

我有这个元素:<div id="divTest" onclick="test()">YES</div>

当用户点击 DIV 时，该函数将"is"替换为如下内容:

YES <input type="radio" name="testing" value="YES" onclick="test_2(this.value)" checked /> 
NO <input type="radio" name="testing" value="NO" onclick="test_2(this.value)" />

这允许用户再次选择正确的选项。然后我想用新值替换单选按钮，所以当用户选择任何选项时，DIV 替换“单选”选项并显示所选值(是或否)，因为它是在开始时。

此时一切正常。

这是我的问题:

我希望 DIV 具有 onclick()作为开头onclick="test()"所以我通过 JavaScript 以这种方式赋予它属性:div.onclick = function() { test();}; .函数 test()即使用户没有点击 div 也会执行。它会立即执行这两个功能，不会等到有人点击它。

有谁知道我怎样才能让函数等到有人点击它？我给了 onclick属性不正确？

我希望我说清楚了。

函数如下:

function test() {
   var div = document.getElementById("divTest");
   //I DO NOT INCLUDE THE AJAX CODE BUT THE RESPONSE INCLUDE THE RADIO BUTTONS METIONED ABOVE
   div.innerHTML = xml.responseText();
}

function test_2(newValue) {
   div = document.getElementById("newValue");
   div.innerHTML = newValue;
   div.onclick = function() { test(); };
}

Answer 1

是的，您的问题出在 div.onclick = 上，您实际上是在为您的 div 分配点击操作!这将在您的页面加载时执行。

你想要的是像这样分配一个事件监听器。

div.addEventListener('click' function(){});