获取鼠标坐标脚本

最新推荐文章于 2022-09-19 00:04:48 发布

liu_zhongjie

最新推荐文章于 2022-09-19 00:04:48 发布

阅读量546

点赞数

分类专栏： JavaScript 文章标签： function javascript border table 脚本

本文链接：https://blog.csdn.net/liu_zhongjie/article/details/4496314

版权

JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<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>

liu_zhongjie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取鼠标坐标脚本

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; d
复制链接

扫一扫