?? html event binding.htm
字號:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Html Event Binding</title>
<meta http-equiv="Content-Type" content="Text/html;charset=gb2312" />
</head>
<body onload='alert("Event demo loaded");' onunload="alert('leaving demo');" bgcolor="teal">
<h1 align="center">
html事件綁定</h1>
<form action="#" method="get" onreset="alert('Form reset');return false;">
<ul >
<li>onblur:
<input type="text" value="在本域單擊鼠標(biāo)后離開" size="40" onblur="alert('lost focus');" /><br />
<br />
</li>
<li>Onclick:<input type="button" value="單擊這里" onclick="alert('Button click');" /><br />
<br />
</li>
<li>onchange:<input type="text" value="改變這里的內(nèi)容后離開" size="40" onchange="alert('Changed');" /><br />
<br />
</li>
<li>ondblclick:<input type="button" value="雙擊這里" ondblclick="alert('Button double --clicked');" /><br />
<br />
</li>
<li>onfocus:<input type="text" value="點擊本域" onfocus="alert('Gained focus');" /><br />
<br />
</li>
<li>onkeydown:<input type="text" value="在這里按下按鈕后慢慢松開" / onkeydown="alert('keydown');"><br />
<br />
</li>
<li>onkeypress:<input type="text" value="在這里輸入內(nèi)容" size="40" onkeypress="alert('key pressed');" /><br />
<br />
</li>
<li>onkeyup:<input type="text" value="按一個鍵然后松開" size="40" onkeyup="alert('Key up');" /><br />
<br />
</li>
<li>onLoad:本文樓載入時會彈出一個警告對話框<br />
<br />
</li>
<li>onmousedown:<input type="button" value="點擊后按住不放" onmousedown="alert('Mouse down');" /><br />
<br />
</li>
<li>onmousemove:在這里移動鼠標(biāo)：<a href="http://www.baidu.com" onmousemove="alert('Mouse Move');">鏈接</a><br />
<br />
</li>
<li>onmouseout:將鼠標(biāo)放在：<a href="http://www.google.com" onmouseout="alert('Mouse out');">這里</a>然后離開<br />
<br />
</li>
<li>onmouseover:將鼠標(biāo)放到這個<a href="http://www.qq.com" onmouseover="alert('Mouse over');">鏈接</a>上<br />
<br />
</li>
<li>onmouseup:<input type="button" value="點擊后并釋放" onmouseup="alert('Mouse up');" /><br /><br /></li>
<li>onreset:<input type="reset" value="重置本文檔" /><br /><br /></li>
<li>onselect:<input type="text" value="選擇這里的文本" size="40" onselect="alert('selected')"; /><br /><br /></li>
<li>onsubmit:<input type="submit" value="提交測試" /><br /><br /></li>
<li>onunload:通過點擊這個<a href="http://www.scnu.edu.cn">華南師范大學(xué)</a>離開本文檔<br /><br /></li>
</ul>
</form>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -