我有一个按钮表,一旦填充完毕,我就会使用
document.getElementById("btn0").click();
单击第一个按钮。该按钮正在执行其应该执行的操作,但是按钮的背景颜色并没有像我手动单击它时那样改变。
正如您所看到的,当它运行时,div 的背景颜色正在改变,但按钮未设置为活动状态。
代码片段:
var myfunc = function(){
document.getElementById("test").style.backgroundColor="red";
};
document.getElementById("btn0").click();
.btn{
border: none;
color: white;
width: 100%;
padding: 5px 5px 5px 5px;
height: 50px;
cursor: pointer;
font-size: 12px;
background-color: #343a40;
}
.btn:active .btn.active{
background-color:green;
outline: none;
}
.btn:focus{
background-color:green;
outline: none;
}
#test{
background-color: green;
width: 600px;
height: 400px;
}
<button class="btn" onclick="myfunc()" id="btn0"> Cool button</button>
<div id="test">
Hello
</div>
这是我创建的 jsfiddle 的链接:https://jsfiddle.net/58hrwcgo/3/ https://jsfiddle.net/58hrwcgo/3/
有一个区别click and focus. https://stackoverflow.com/questions/13630229/can-i-have-an-onclick-effect-in-css
click()
单击元素然后取消聚焦,这与真正的鼠标单击不同,后者单击然后聚焦。
我建议通过执行以下两项操作来模拟真实的点击:
document.getElementById("btn0").click();
document.getElementById("btn0").focus();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)