Web小练习-JavaScript事件的简单练习,监听鼠标的移动

来源:互联网 发布:网络赌搏多少钱定罪 编辑:程序博客网 时间:2024/05/17 09:05

一个非常简单的小练习,监听鼠标的移动,获得鼠标的横纵坐标并显示出来。

代码如下:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>EventDemo</title></head><body id="body"><div id="myDiv">    <p id="text" style="width: 100% ;height: 800px;background-color: seagreen;text-align: center;color: white">点我</p></div><script >    var body=document.getElementById("body");    var text=document.getElementById("text");    //监听鼠标移动    body.onmousemove=function(oEvent){        if(window.event){            oEvent=window.event;        }        //显示鼠标的横纵坐标        text.innerHTML=oEvent.clientX+","+oEvent.clientY;    }</script></body></html>

如果有错误或者可以改进的地方,请各位大神指点。

原创粉丝点击