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);