📄 5-29.html

📁 《深入浅出Ajax》源代码

💻 HTML

字号:

<HTML>
<HEAD>
<TITLE> AJAX深入浅出--代码5-29</TITLE>
<META http-equiv="Content-Type" content="text/html;charset=GB2312"/>
</HEAD>
<BODY onkeydown="docKeyDown();">
<INPUT TYPE="text" id="msgKeydown">
<BR>
<INPUT TYPE="button" VALUE="clcik me!" onclick="btnClick();"><INPUT TYPE="text" id="msgClick">
<BR>
<INPUT TYPE="button" VALUE="dblclcik me!" id="dblBtn" ondblclick="btnDblClick();"><INPUT TYPE="text" id="msgDblClick">
<BR>
<INPUT TYPE="text" NAME="" onmousemove="txtMouseMove(this)">
<BR>
<INPUT TYPE="text" NAME="" onmousedown="txtMoueDown(this)">
</BODY>
</HTML>
<SCRIPT language="javascript">
//整个页面响应keydown事件,显示按键的ASCII码
function docKeyDown() {
	document.getElementById("msgKeydown").value=event.keyCode;
}
//按钮响应单击事件,显示点击的x,y座标
function btnClick() {
	document.getElementById("msgClick").value=event.x+":"+event.y;
}
//按钮响应双击事件,显示处理该事件的DOM元素的ID
function btnDblClick() {
	document.getElementById("msgDblClick").value=event.srcElement.id;
}
//文本框响应鼠标移动事件,显示移动鼠标的座标
function txtMouseMove(handle) {
	handle.value=event.x+":"+event.y;
}
//文本框响应鼠标按下事件,显示鼠标按钮被按下的值
function txtMoueDown(handle) {
	handle.value=event.button;
}
</SCRIPT>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -