我正在创建一个阅读器网络应用程序。我想在空闲时间后隐藏我的鼠标光标,当我使用 JavaScript、CSS 在我的网页上移动鼠标时它会显示出来。
实现它的最佳方法是什么?
谢谢
最佳答案
这对我有用(取自 https://gist.github.com/josephwegner/1228975 )。
请注意对带有 id 包装器的 html 元素的引用。
//Requires jQuery - http://code.jquery.com/jquery-1.6.4.min.js
$(document).ready(function() {
var idleMouseTimer;
var forceMouseHide = false;
$("body").css('cursor', 'none');
$("#wrapper").mousemove(function(ev) {
if(!forceMouseHide) {
$("body").css('cursor', '');
clearTimeout(idleMouseTimer);
idleMouseTimer = setTimeout(function() {
$("body").css('cursor', 'none');
forceMouseHide = true;
setTimeout(function() {
forceMouseHide = false;
}, 200);
}, 1000);
}
});
});
关于javascript - 在空闲时间后隐藏我的鼠标光标,当我移动鼠标时它会显示出来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12437740/