<script type="text/javascript">
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev);
document.getElementById('xxx').value = mousePos.x;
document.getElementById('yyy').value = mousePos.y;
}
function mouseCoords(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
document.onmousemove = mouseMove;
</script>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
#Div_CnLei {
border:1px solid #ccc;
background:#eee;
line-height:200px;
text-align:center;
width:800px;
height:200px;
}
</style>
<div id="Div_CnLei"> </div>
<div id="PosXY">移动鼠标到灰色区域内看看!</div>
<script type="text/javascript">
var w3c=(document.getElementById)? true: false;
var agt=navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
function IeTrueBody(){//判断头部是否有标准声明
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function getMousePos(e){
var curX=(!ie)?e.pageX : event.clientX+IeTrueBody().scrollLeft;
var curY=(!ie)?e.pageY : event.clientY+IeTrueBody().scrollTop;
document.getElementById("PosXY").innerHTML = "当前光标的坐标值: X=" + curX + " ,Y=" + curY;
}
document.getElementById("Div_CnLei").onmousemove=getMousePos;
</script>
分享到:
相关推荐
javascript实例应用---鼠标键盘类.rarjavascript实例应用---鼠标键盘类.rarjavascript实例应用---鼠标键盘类.rarjavascript实例应用---鼠标键盘类.rar
☆ 资源说明:☆ 捕捉鼠标左键点击事件; 捕捉鼠标右键点击事件; 网页窗体自动关闭; (PS: 这是一道ASP.NET网页开发岗位的面试题)
攻击鼠标的文字.rar攻击鼠标的文字.rar
JavaScript获取鼠标位置和鼠标与div的相对位置
Javascript 学习实例- 鼠标动态跟随
# JavaScript 小游戏 这里是学习 `JavaScript` 过程中,实现的一些小游戏的归档。 > 注意:目前对移动端的支持还不够友好,请尽量使用 PC 端浏览器访问。 ### 拼图 * 说明:一个简单的移动方块游戏,开始时生成...
录制鼠标轨迹.rar录制鼠标轨迹.rar录制鼠标轨迹.rar录制鼠标轨迹.rar录制鼠标轨迹.rar录制鼠标轨迹.rar
目前提供多个lib库,帮助开发者快速实现在地图上添加Marker、自定义信息窗口、标注相关开发、快速加载城市列表、拉框放大、拉框搜索、区域限制设置、几何运算、实时交通、检索与公交驾车查询、鼠标绘制工具等功能。...
测试鼠标点击速度.rar测试鼠标点击速度.rar测试鼠标点击速度.rar测试鼠标点击速度.rar测试鼠标点击速度.rar测试鼠标点击速度.rar
Javascript 元素位置、大小、鼠标定位操作 本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 ...
javascript获取鼠标当前位置坐标,并显示出来
CSS的鼠标影响.rarCSS的鼠标影响.rarCSS的鼠标影响.rarCSS的鼠标影响.rarCSS的鼠标影响.rarCSS的鼠标影响.rar
JavaScript应用实例-模拟鼠标.js
显示鼠标坐标.rar显示鼠标坐标.rar显示鼠标坐标.rar显示鼠标坐标.rar显示鼠标坐标.rar显示鼠标坐标.rar
今天我们要来分享一款有趣的JavaScript动画,这种鼠标跟随动画应该也是很早就有的东西,特别是应用在一些个性化的个人博客...这款JavaScript鼠标跟随动画是一些飘落的星星,星星的形状和颜色也是随机变化的,非常可爱。
用鼠标移动页面.rar用鼠标移动页面.rar用鼠标移动页面.rar用鼠标移动页面.rar用鼠标移动页面.rar用鼠标移动页面.rar
禁用鼠标左右键.rar禁用鼠标左右键.rar禁用鼠标左右键.rar禁用鼠标左右键.rar禁用鼠标左右键.rar禁用鼠标左右键.rar
显示鼠标选中内容.rar显示鼠标选中内容.rar显示鼠标选中内容.rar显示鼠标选中内容.rar显示鼠标选中内容.rar显示鼠标选中内容.rar
JavaScript鼠标移动放大图片特效。