我有一个带有操作的 我怎么解决这个? 请看下面的代码。 null null JS小提琴样本
当您按下并释放按钮时,会激发 nullfunction my_btnpressed(){
console.log("Button pressed.!")
}
#my_btn{
width:300px;
height:120px;
background-color:cyan;
}
#my_btn:active{
background-color:green;
}
.btn{
display: flex;
justify-content: center;
align-items: center;
}
<div id="my_btn" class="btn" onclick="my_btnpressed()"> Click Me! </div>
共1个答案
click
事件。 如果要在按钮按下时触发事件,请使用mousedown
事件而不是click
事件。 当您按下div
上的按钮时,会激发mousedown
事件,它不会像click
事件那样等待您释放按钮。function my_btnpressed() {
console.log("Button pressed.!")
}
#my_btn {
width: 300px;
height: 120px;
background-color: cyan;
}
#my_btn:active {
background-color: green;
}
.btn {
display: flex;
justify-content: center;
align-items: center;
}
<div id="my_btn" class="btn" onmousedown="my_btnpressed()"> Click Me! </div>