javascript

位置:IT落伍者 >> javascript >> 浏览文章

通过JS得到当前焦点(鼠标)的坐标


发布日期:2024年08月04日
 
通过JS得到当前焦点(鼠标)的坐标

<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="
<head>
<meta httpequiv="ContentType" content="text/html; charset=gb" />
<meta httpequiv="XUACompatible" content="IE=EmulateIE"/>
<meta name="auther" content="fq" />
<title>获取鼠标坐标</title>

</head>

<body>
<script type="text/javascript">
function mousePosition(ev){
if(evpageX || evpageY){
return {x:evpageX y:evpageY};
}
return {
x:evclientX + documentbodyscrollLeft documentbodyclientLeft
y:evclientY + documentbodyscrollTop documentbodyclientTop
};
}

function mouseMove(ev){
ev = ev || windowevent;
var mousePos = mousePosition(ev);
documentgetElementById(xxx)value = mousePosx;
documentgetElementById(yyy)value = mousePosy;
}

documentonmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
</body>
</html>

上一篇:jquery特效 幻灯片效果示例代码

下一篇:JS随机生成不重复数据的实例方法