0顶

获取鼠标坐标脚本

稿源：互联网 2022-05-08 23:33:17 点击： 683 撤稿纠错

获取鼠标的当前坐标，也可以是点击坐标。

以下讨论的是和脚本相关的获取鼠标坐标脚本教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<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> 
<br> 
(移动你的Mouse并且单,双击,观察以上数值.)

</center> 
</center> 
<P> 
 

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于获取鼠标坐标脚本的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200809071487.shtml方便下次再访问哦。

·上一篇： 鼠标各种样式效果
·下一篇： 鼠标激活警告框

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

获取鼠标坐标脚本

文章分类LIST >>返回首页

最新游戏

最新新闻