显示鼠标坐标

本页面已加入演示
X: Y:

脚本说明:
第一步:把如下代码加入<body>区域中:
 <SCRIPT LANGUAGE="JavaScript">
if (navigator.appName == 'Netscape')
 {
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = netscapeMouseMove;
}

function netscapeMouseMove(e) {
if (e.screenX != document.test.x.value && e.screenY != document.test.y.value)
 {
    document.test.x.value = e.screenX;
    document.test.y.value = e.screenY;
}
}

function micro$oftMouseMove() {
if (window.event.x != document.test.x.value && window.event.y != document.test.y.value)
 {
    document.test.x.value = window.event.x;
    document.test.y.value = window.event.y;
}
}
</SCRIPT>
<FORM NAME="test">
X: <INPUT TYPE="TEXT" NAME="x" SIZE="4"> Y: <INPUT
TYPUE="TEXT" NAME="y" SIZE="4">
</FORM>


第二步:把<body>中内容改为:
<body bgcolor="#fef4d9" onMousemove="micro$oftMouseMove()">

 



Tags: 显示鼠标坐标 ,山西晋城网站建设,晋城在线网页学习,晋城企业智能建站