Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检测鼠标按下的时间有多长_Javascript_Html_Event Handling_Dom Events_Mouseevent - Fatal编程技术网

Javascript 检测鼠标按下的时间有多长

Javascript 检测鼠标按下的时间有多长,javascript,html,event-handling,dom-events,mouseevent,Javascript,Html,Event Handling,Dom Events,Mouseevent,有人能告诉我如何监控鼠标按下的时间,并在鼠标向上时以秒为单位显示该时间吗?我创建了一个时间窗口,您可以在其中查看按住元素的时间。以下是相关代码: HTML: 您可能不想在应用程序中使用警报,但这是一个很好的起点。您应该能够将delta值插入到DOM元素中,而不会出现问题。按下时请注意;注意何时发布;谢谢。我真的需要这个。 <button id="button">click</button> (function(window, document, undefined){

有人能告诉我如何监控鼠标按下的时间,并在鼠标向上时以秒为单位显示该时间吗?

我创建了一个时间窗口,您可以在其中查看按住
元素的时间。以下是相关代码:

HTML:


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

按下时请注意;注意何时发布;谢谢。我真的需要这个。
<button id="button">click</button>
(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);