检测鼠标按下多长时间

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 元素中。

检测鼠标按下多长时间

Detect how long is mouse down

javascript

html

event-handling

dom-events

mouseevent