在连续按下按钮3秒时更改按钮的文本,可以通过以下步骤实现:
<button id="myButton">点击我</button>
var button = document.getElementById("myButton");
var timer;
button.addEventListener("mousedown", function() {
timer = setTimeout(function() {
button.innerHTML = "按钮已按下3秒";
}, 3000);
});
button.addEventListener("mouseup", function() {
clearTimeout(timer);
button.innerHTML = "点击我";
});
在上述代码中,mousedown事件监听器在按钮按下时启动定时器,并在3秒后将按钮的innerHTML属性更改为"按钮已按下3秒"。同时,mouseup事件监听器在按钮释放时清除定时器,并将按钮的innerHTML属性恢复为"点击我"。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云