获取鼠标坐标脚本-JS特效-爱易网页

获取鼠标坐标脚本

日期：2014-05-18　浏览次数：20505 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
var isNav = (navigator.appName.indexOf("Netscape") !=-1); 
function handlerDC(e){ 
Xdc = (isNav) ? E.pageX : event.clientX; 
Ydc = (isNav) ? E.pageY : event.clientY; 
document.dataholder.dcX.value=Xdc; 
document.dataholder.dcY.value=Ydc; 
} 
function handlerMU(e){ 
Xmu = (isNav) ? E.pageX : event.clientX; 
Ymu = (isNav) ? E.pageY : event.clientY; 
document.dataholder.muX.value=Xmu; 
document.dataholder.muY.value=Ymu; 
} 
function handlerMD(e){ 
Xmd = (isNav) ? E.pageX : event.clientX; 
Ymd = (isNav) ? E.pageY : event.clientY; 
document.dataholder.mdX.value=Xmd; 
document.dataholder.mdY.value=Ymd; 
} 
function handlerMM(e){ 
Xmm = (isNav) ? E.pageX : event.clientX; 
Ymm = (isNav) ? E.pageY : event.clientY; 
document.dataholder.mmX.value=Xmm; 
document.dataholder.mmY.value=Ymm; 
} 
function handlerMO(e){ 
Xmo = (isNav) ? E.pageX : event.clientX; 
Ymo = (isNav) ? E.pageY : event.clientY; 
document.dataholder.moX.value=Xmo; 
document.dataholder.moY.value=Ymo; 
} 
if (isNav) { 
document.captureEvents(Event.MOUSEMOVE); 
document.captureEvents(Event.MOUSEDOWN); 
document.captureEvents(Event.MOUSEOVER); 
document.captureEvents(Event.MOUSEUP); 
document.captureEvents(Event.DBLCLICK); 
} 
document.onmouseover = handlerMO; 
document.onmousedown = handlerMD; 
document.onmouseup   = handlerMU; 
document.onmousemove = handlerMM; 
document.ondblclick  = handlerDC;

// End --> 
</script>

<BODY BGCOLOR=#ffffff vlink=#0000ff> 
<center> 
<center> 
<form name="dataholder"> 
<table border=1> 
<tr> 
<td></td> 
<td><I>X 轴值</I></td> 
<td><I>Y 轴值</I></td> 
</tr> 
<tr><td><center>Move</center></td> 
<td><input type="text" size=5 name="mmX" value="0"></td> 
<td><input type="text" size=5 name="mmY" value="0"></td> 
</tr> 
<tr><td><center>Up</center></td> 
<td><input type="text" size=5 name="muX" value="0"></td> 
<td><input type="text" size=5 name="muY" value="0"></td> 
</tr> 
<tr> 
<td><center>Down</center></td> 
<td><input type="text" size=5 name="mdX" value="0"></td> 
<td><input type="text" size=5 name="mdY" value="0"></td> 
</tr> 
<tr> 
<td><center>DblClick</center></td> 
<td><input type="text" size=5 name="dcX" value="0"></td> 
<td><input type="text" size=5 name="dcY" value="0"></td> 
</tr> 
<tr> 
<td><center>Over</center></td> 
<td><input type="text" size=5 name="moX" value="0"></td> 
<td><input type="text" size=5 name="moY" value="0"></td> 
</tr> 
</table> 
</form>

(移动你的Mouse并且单,双击,观察以上数值.)

</center> 
</center>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

获取鼠标坐标脚本

相关资料更多>

推荐阅读更多>