常用事件使用
<html>
<head>
<title>常用事件的使用</title>
</head>
<body οnlοad="alert('onload 在加载后调用');" οnunlοad="alert('onunload 在卸载前调用');">
<h1 align="center">HTML 事件绑定示例</h1>
<form οnreset="alert('按了重置');" οnsubmit="alert('按了提交');return(false);">
<ul>
<li>onblur：<input type="text" value="请置入光标并移走" size="30"
οnblur="alert('失去焦点');"><br><br></li>
<li>onclick：<input type="button" value="请点击我吧"
οnclick="alert('单击事件');"><br><br></li>
<li>onchange：<input type="text" value="请修改当前文本并移走光标"size="30"
οnchange="alert('文档已修改');"><br><br></li>
<li>onchange: <select οnchange="alert(this.value);"><option value="请选择">请选择</option><option value="选项一">选项一</option><option value="选项二">选项二</option><option value="选项三">选项三</option></select></li>
<li>ondblclick：<input type="button" value="请双击我吧"
οndblclick="alert('双击事件');"><br><br></li>
<li>onfocus：<input type="text" value="请置入光标试试" size="30"
οnfοcus="alert('获得焦点');"><br><br></li>
<li>onkeydown：<input type="text" value="请置入光标并按字母键"size="30"
οnkeydοwn="alert('你按了'+event.keyCode+'号键');"><br><br></li>
<li>onkeypress：<input type="text" value="请在当前文本中加入文本" size="30"
οnkeypress="alert('你输入了'+event.keyCode+'号键的文本');"><br><br></li>
<li>onkeyup：<input type="text" value="请置入光标并按字母键后放开" size="30"
οnkeyup="alert('你放开'+event.keyCode+'号键');"><br><br></li>
<li>onload：事件提示框在文档加载前已显示了吧<br><br></li>
<li>onmousedown：<input type="button" value="请用鼠标按住我试试"
οnmοusedοwn="alert('按下了鼠标键');"><br><br></li>
<li>onmousemove：<input type="text" value="用鼠标在这里移动试试" size="30"
οnmοusemοve="this.value='x='+event.x+';y='+event.y;"><br><br></li>
<li>onmouseout：<input type="text" value="请鼠标移入并移走" size="30"
οnmοuseοut="alert('移出了鼠标');"><br><br></li>
<li>onmouseover：<input type="text" value="请鼠标移入就行" size="30"
οnmοuseοver="alert('移入了鼠标');"><br><br></li>
<li>onmouseup：<input type="button" value="请用鼠标按我并放开"
οnmοuseup="alert('按放开鼠标键');"><br><br></li>
<li>onreset：<input type="reset" value="表单重置"><br><br></li>
<li>onselect：<input type="text" value="请用鼠标选几个字试试" size="30"
οnselect="alert('选了文本');"><br><br></li>
<li>onsubmit：<input type="submit" value="表单提交"><br><br></li>
<li>onunload：事件提示框在文档内容更新前或关闭前显示吧<br><br></li>
</ul>
</form>
</body>
</html>
1374
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
