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>
如果有错误或者可以改进的地方,请各位大神指点。
阅读全文
0 0
- Web小练习-JavaScript事件的简单练习,监听鼠标的移动
- Web小练习-简单的二级联动
- JavaScript简单的函数练习
- java【源码】事件监听小练习1
- C#如何监听全局的事件-例如鼠标移动事件
- C#如何监听全局的事件-例如鼠标移动事件
- C#如何监听全局的事件-例如鼠标移动事件
- 关于JavaScript的鼠标移动事件
- java例程练习(简单的画图程序[鼠标事件处理])
- 学习web前端做的小练习
- JAVA之简陋打地鼠(监听事件的练习)
- 简单的面试题小练习。
- 小练习 ---- 简单的多线程模拟
- 关于委托的一个简单小练习
- 鼠标移动监听的注意事项
- [Unity3D]简单的鼠标碰撞检测与事件监听
- 简单的java图片绘制和鼠标事件监听
- mysql 事件的练习
- codeforces 118-D. Caesar's Legions(dp计数)
- indexed DB
- Activity生命周期
- redis持久化之RDB、AOF机制比对
- Java 直接获取文件夹下面所有文件名及文件名
- Web小练习-JavaScript事件的简单练习,监听鼠标的移动
- androd开发部署与使用
- HttpClient发送get和post工具类
- PowerDesigner使用教程
- Netty中分隔符和定长解码器的应用
- gson解析
- 极品工控插件 iocomp 中 iXYPlotX1配置全面解析
- xshell打印日志的两种方式
- LightOJ 1125 Divisible Group Sums (dp)