Event.timeStamp 计算鼠标移动速度 例子

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hsl0530hsl/article/details/88355675

下面是一个计算鼠标移动速度的例子,显示每秒移动的像素数量。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS Event Flow</title>
</head>
<body>
<script>
    var previousX;
    var previousY;
    var previousT;
    window.addEventListener('mousemove', function(event) {
        if (
            previousX !== undefined &&
            previousY !== undefined &&
            previousT !== undefined
        ) {
            var deltaX = event.screenX - previousX;
            var deltaY = event.screenY - previousY;
            var deltaD = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));

            var deltaT = event.timeStamp - previousT;
            console.log(deltaD / deltaT * 1000);
        }

        previousX = event.screenX;
        previousY = event.screenY;
        previousT = event.timeStamp;
    });
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/hsl0530hsl/article/details/88355675
今日推荐