资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
JS获取鼠标坐标、获取鼠标像素点示例
JS获取鼠标坐标,获取鼠标像素点的典型实例,运行本页面后,随意移动鼠标的位置,可适时显现鼠标的坐标点,不占用系统资源 。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JavaScript获取鼠标坐标</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> .tip { width:200px; border:2px solid #ddd; padding:8px; background:#f1f1f1; color:#666; } </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20mousePos(e)%7B%20%0D%0Avar%20x%2Cy%3B%20%0D%0Avar%20e%20%3D%20e%7C%7Cwindow.event%3B%20%0D%0Areturn%20%7B%20%0D%0Ax%3Ae.clientX%2Bdocument.body.scrollLeft%2Bdocument.documentElement.scrollLeft%2C%20%0D%0Ay%3Ae.clientY%2Bdocument.body.scrollTop%2Bdocument.documentElement.scrollTop%20%0D%0A%7D%3B%20%0D%0A%7D%3B%20%0D%0Afunction%20test(e)%7B%20%0D%0Adocument.getElementById(%22mjs%22).innerHTML%20%3D%20mousePos(e).x%2B'%2C'%2BmousePos(e).y%3B%20%0D%0A%7D%3B%20%0D%0A%3C%2Fscript%3E"> </head> <body> <div id="mjs" class="tip">源码爱好者</div> <div id="test" style="width:1000px;height:1000px;background:#ccc;" onmousemove="test(event)"></div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程