本文出至:学新通博客
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body style="width: 100%;height: 100vh;" onmousemove="getMovePosit(event)" onmousedown="getNowMove(event)"> <span id="ospan"></span> </body> <script language="JavaScript"> var oldY,oldX; function getNowMove(event){ oldY = event.clientY, oldX = event.clientX; console.log(oldY,oldX); } function getMovePosit(event) { if (oldY == event.clientY) { document.all.ospan.innerText = "鼠标没有动静了?" } if (oldY > event.clientY) { document.all.ospan.innerText = "鼠标向上移了" } if (oldY < event.clientY) { document.all.ospan.innerText = "鼠标向下移了" } if (oldX > event.clientX) { document.all.ospan.innerText = "鼠标向左移了" } if (oldX < event.clientX) { document.all.ospan.innerText = "鼠标向右移了" } oldY = event.clientY, oldX = event.clientX; console.log('error'); } </script> </html>
本文出至:学新通博客
标签:
版权声明:本站内容均来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
联系方式:wuliqiang_aa@163.com