📄 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="在本域单击鼠标后离开" 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="改变这里的内容后离开" 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="在这里输入内容" 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:在这里移动鼠标：<a href="http://www.baidu.com" onmousemove="alert('Mouse Move');">链接</a><br />
<br />
</li>
<li>onmouseout:将鼠标放在：<a href="http://www.google.com" onmouseout="alert('Mouse out');">这里</a>然后离开<br />
<br />
</li>
<li>onmouseover:将鼠标放到这个<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">华南师范大学</a>离开本文档<br /><br /></li>
</ul>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -