检测鼠标按下多长时间
Detect how long is mouse down
谁能告诉我如何监控鼠标按下的时间以及鼠标松开时显示的时间(以秒为单位)?
我创建了一个 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 元素中。
谁能告诉我如何监控鼠标按下的时间以及鼠标松开时显示的时间(以秒为单位)?
我创建了一个 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 元素中。