我希望每隔t毫秒定期跟踪鼠标光标的位置.基本上,当一个页面加载时 - 这个跟踪器应该开始,并且(例如)每100毫秒,我应该获得posX和posY的新值并在表单中打印出来.
我尝试了以下代码 - 但值不会刷新 - 只有posX和posY的初始值显示在表单框中.关于如何启动和运行的任何想法?
<html>
<head>
<title> Track Mouse </title>
<script type="text/javascript">
function mouse_position()
{
var e = window.event;
var posX = e.clientX;
var posY = e.clientY;
document.Form1.posx.value = posX;
document.Form1.posy.value = posY;
var t = setTimeout(mouse_position,100);
}
</script>
</head>
<body onload="mouse_position()">
<form name="Form1">
POSX: <input type="text" name="posx"><br>
POSY: <input type="text" name="posy"><br>
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我有一个使用以下代码呈现的类型编号的输入:
<input class="quantity" id="id_form-0-quantity" min="0" name="form-0-quantity" value="1" type="number">
它看起来像这样:
我想把它变成这样的东西:
第二个视图使用两个单独的按钮进行模拟.
我怎么能按照描述设置箭头样式?
DOMMouseScroll 仅适用于Firefox.
wheel似乎适用于Firefox和Chrome.这是什么?没有找到关于这个的文档.
mousewheel 不适用于Firefox.
我应该如何使用它们,以获得最佳的浏览器兼容性.
给出的例子:
document.addEventListener('ScrollEvent', function(e){
DoSomething();
});
Run Code Online (Sandbox Code Playgroud)