关于JavaScript的鼠标移动事件

来源：互联网发布：java 命名下划线开头编辑：程序博客网时间：2024/05/19 13:05

前言：

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用，函数不会在事件发生前被执行！

事件句柄：

鼠标/键盘的属性

代码示例如下：

<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus?">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>鼠标的移动事件</title>  <style type="text/css"> div{width:300px;height:300px;border:1px solid red ; }  </style> </head><script type="text/javascript"><!--//示例：当鼠标在div上移动的时候显示鼠标的坐标function fun(e){var x = e.clientX;var y = e.clientY ;//显示在文本框中var txt = document.getElementById("txt") ;txt.value = x + " :" + y ;}//--></script> <body> <input type="text" name="" id = "txt">      <div onmousemove = "fun(event)"></div>   <!--通过event对象的属性clientX和clientY，可以得到其鼠标的x,y坐标--> </body></html>

0 0