📄 b0005.htm
字号:
<!--Saved from《天索星网》http://www.tasoo.2000c.net,E-mail:tasoo_cn@yahoo.com.cn-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!-- A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}-->
</style>
<title>《网络教程》之Javascript--显示鼠标的坐标</title>
<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>
</head>
<body topmargin="0" leftmargin="0">
<div align="center"><center>
<table border="0" width="90%" cellspacing="0" cellpadding="0" height="633">
<tr>
<td width="100%" colspan="3" height="62"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="250"><img src="../photo/jx.gif" border="0" WIDTH="200" HEIGHT="80"></td>
<td width="468" height="60"></td>
</tr>
</table>
</center></div></td>
</tr>
<tr>
<td width="20%" bgcolor="#C8C882" valign="middle" align="center" height="22"></td>
<td width="80%" bgcolor="#C8C882" valign="middle" align="center" colspan="2" height="22"><strong><span style="font-size: 10pt; font-family: Arial">javascript 鼠标类</span></strong></td>
</tr>
<tr>
<td width="20%" valign="top" align="left" height="242"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">时间类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">文字类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">导航类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">鼠标类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">按钮类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">跑马灯</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm"><font face="Arial"><strong>COOKIE</strong></font>类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">其他类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="10" bgcolor="#505028"></td>
</tr>
</table>
</center></div></td>
<td width="80%" valign="top" align="left" colspan="2" height="242"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#EBEBEB" valign="middle" align="center" height="18" colspan="3">显示鼠标的坐标</td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="2" colspan="3"></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="1" colspan="3" bgcolor="#000080"></td>
</tr>
<tr>
<td width="16%" valign="middle" align="center" height="22"></td>
<td width="67%" valign="middle" align="center" height="22"><form name="dataholder">
<div align="center"><center><table border="1" bgcolor="#00AAFA" cellspacing="1">
<tr>
<td valign="middle" align="center"> </td>
<td valign="middle" align="center"><font color="#FFFF80">X 轴值</font></td>
<td valign="middle" align="center"><font color="#FFFF80">Y 轴值</font></td>
</tr>
<tr>
<td valign="middle" align="center"><div align="center"><center><p><font color="#FFFF80">移动</font></td>
<td align="center"><input type="text" size="5" name="mmX" value="0"></td>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -