javascript - 检查 Javascript 中的按钮是否被单击

标签 javascript html button click dom-events


这是我的问题:我想从 javascript 中查看当前是否正在单击某个对象,这是一个示例:

setInterval(function() {
    if (document.getElementByTagName('button')[0].isBeingClicked) { //I know this isn't right: This is where my question is about.
        console.log('Button being clicked');
        return;
    };
    console.log('Button not being clicked');
}, 1000);


当然,使用简化的 HTML:

<html>
    <head></head>
    <body>
        <button>Click me</button>
    </body>
</html>

总而言之:我希望能够看到此时是否单击了按钮或另一个对象。不是如果它已被单击,而是正在被单击。

最佳答案

我想这可能就是您正在寻找的。

HTML

<button onmousedown="mouseDown()" onmouseup="mouseUp()">Click me</button>

Javascript

<script>
var click = false;
function mouseDown() {
    click = true;
    console.log('Button being clicked');
}
function mouseUp() {
    click = false;
    console.log('Button not being clicked');
}
setInterval(function(){
    if (click === false) {  
        console.log('Button not being clicked');
    } else if (click === true) {
        console.log('Button being clicked');
    }
}, 1000)
</script>

可以找到替代解决方案和更深入的答案 here .

关于javascript - 检查 Javascript 中的按钮是否被单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26997409/

相关文章:

javascript - openweathermap 上的 5 天天气预报未给出预期结果

javascript - Angular : google autocomplete works on pc, 但在移动设备上点击不会加载建议

html - 如何调整按钮大小而不剪切内部文本

javascript - 如何防止css div popup跳回页面顶部

javascript - 如何同时激活两个 HTML 按钮

java - 如何让android中的imagebutton保持高亮显示?

javascript - 如何向用js创建的元素添加事件?

javascript - 闪存权限

javascript - 如何使动态创建的按钮像常规按钮一样工作

java - 使用 LibGDX 制作 "toggle buttons"