检测鼠标按下多长时间答案

【问题标题】：Detect how long is mouse down检测鼠标按下多长时间
【发布时间】：2018-05-29 01:17:56
【问题描述】：

谁能告诉我如何监控鼠标按下的时间，以及鼠标按下时的显示时间（以秒为单位）？

【问题讨论】：

注意按下的时间；注意它何时发布；减去

标签： javascript html event-handling dom-events mouseevent

【解决方案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 元素中。

【讨论】：

谢谢。我真的需要这个。