js onmousemove 事件触发频率

邂逅的美好 发布于 2014/06/15 00:10
阅读 2K+
收藏 3
是按照像素触发吗?为什么做成画板的时候落点分布不均匀
<html>
<body>
<script type="text/javascript" language="javascript">
function addDiv(){
    var x=event.clientX;
	var y=event.clientY;
	var d = document.createElement("div");
	d.style.background="red";
	d.style.width="2px";
	d.style.height="2px";
	d.style.position = "absolute";
	d.style.top = parseInt(y)+'px';
	d.style.left = parseInt(x)+'px';
	d.style.zIndex = "1";	
	document.body.appendChild(d);	
}
document.body.onmousemove=function(){addDiv();}</script>  
</body>
</html>



,好纠结
加载中
0
Spance
Spance

鼠标移动在操作系统kernel中

js事件响应、浏览器绘图又在其它的线程中。

鼠标的移动并不等待浏览器绘图完成才继续下一格的移动。某一时刻,鼠标x=1,浏览器开始响应和绘图,等浏览器绘完图鼠标已经移动到x=3了,所以x=2就“丢失”了。

一般的,这种情况下想要让点连续,那就要插值算法来补充画上中间丢失的点。

邂逅的美好
邂逅的美好
不是啊,我刚又测试了下,只要鼠标放在上边就一直在触发
返回顶部
顶部