JS触发buttonClick事件有些按钮没有触发
function Text1_TextChanged() { document.getElementById("Button1").click(); document.getElementById("Button2").click(); document.getElementById("Button3").click(); document.getElementById("Button4").click(); }
我想用一个脚本触发4个click，结果却只有button1和button4触发了，这应该怎么写啊但是不知道什么情况，button1的事件完了之后就直接跑button4的了。
问题不是出在你贴出来的代码上，你要把html整理了贴出来。
我用了你的代码，运行结果没有任何问题，所以排除了这段js本身的问题
估计你的html代码里，可能有 type="submit" 的button，或者是 onclick 中的内容有问题
总之用你贴出来的东西，分析不出原因
XML/HTML code?<script> function Text1_TextChanged() { if (document.getElementById('OnePan').style.display == "block" && document.getElementById('TwoPan').style.display == "none") { document.getElementById('OnePan').style.display = "block"; document.getElementById('TwoPan').style.display = "block"; document.getElementById('ThreePan').style.display = "block"; document.getElementById('FourPan').style.display = "block"; document.getElementById('Value').style.display = "none"; document.getElementById("Button1").click(); document.getElementById("Button2").click(); document.getElementById("Button3").click(); document.getElementById("Button4").click(); return; } else if (document.getElementById('OnePan').style.display == "none" && document.getElementById('TextBox1').style.display == "none") { document.getElementById('OnePan').style.display = "block"; document.getElementById('TwoPan').style.display = "none"; document.getElementById('ThreePan').style.display = "none"; document.getElementById('FourPan').style.display = "none"; document.getElementById('Value').style.display = "none"; document.getElementById("Button1").click(); return;} } </script> <body onload="Text1_TextChanged()"> <span id="OnePan" style="display:block"></span> <span id="TwoPan" style="display:none"></span> <span id="ThreePan" style="display:none"></span> <span id="FourPan" style="display:none"></span> <span id="Value" style="display:none"></span> <input type="button" id="Button1" onclick="alert(1)"> <input type="button" id="Button2" onclick="alert(2)"> <input type="button" id="Button3" onclick="alert(3)"> <input type="button" id="Button4" onclick="alert(4)"> </body>
<script>
function f1(){
alert(1)
}
function f2(){
alert(2)
}
function f3(){
alert(3)
}
function f4(){
alert(4)
}
function Text1_TextChanged() {
// document.getElementById("Button1").click();
// document.getElementById("Button2").click();
// document.getElementById("Button3").click();
// document.getElementById("Button4").click();
f1();
f2()
f3()
f4()
}
</script>
<input type="button" id="Button1" onclick="f1()">
<input type="button" id="Button2" onclick="f2()">
<input type="button" id="Button3" onclick="f3()">
<input type="button" id="Button4" onclick="f4()">
</body>