Question

有人可以告诉我如何监控鼠标停机的时间长度，并在鼠标上显示该时间以秒为单位吗？

Answer 1

我创建了一个CodePen，您可以计算<button>元素的持续时间。这是相关的代码：

HTML：

<button id="button">click</button>

JavaScript的：

(function(window, document, undefined){
    'use strict';
    var start;
    var end;
    var delta;
    var button = document.getElementById("button");

    button.addEventListener("mousedown", function(){
        start = new Date();
    });

    button.addEventListener("mouseup", function() {
        end = new Date();
        delta = (end - start) / 1000.0;
        alert("Button held for " + delta + " seconds." )
    });
})(window, document);

您可能不希望在应用程序中使用alert，但这是一个很好的起点。您应该能够将delta值插入到DOM元素中而不会出现问题。

Javascript-检测鼠标按下多长时间

1 个答案: