简单的JS功能

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body onload="alert(" Event demo loaded");" onunload="alert("Leaving demo");">
<hl align="center">HTML  事见绑定</hl>
<form action="#" method="get" onreset="alert('Form reset');" onsubmit="alert('Form submit');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>ondbclick:
  <input type="button" value="双击这里" ondblclick="alert('Button double--clicked');" />
  <br /><br /></li>
  <li>onofcus:
  <input type="text" value="点击本区域" onfocus="alert('Gained focus');" />
  <br /><br /></li>
  <li>onkeydown:
  <input type="text" value="在这里按下按键后慢慢松开" onkeydown="alert('key down');" />
  <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('Mosue down');" />
  <br /><br /></li>
  <li>onmousemove: 在这里移动鼠标：
  <a href="#" onmousemove="alert('Mouse moved');">链接</a>
  <br /><br /></li>
  <li>onmouseout: 将鼠标放在
  <a href="#" onmouseout="alert('Mouse out');">这里</a>然后离开。
  <br /><br /></li>
  <li>onmouseover:将鼠标放在这
  <a href="#" 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.google.com">链接</a>离开本文档
  <br /><br /></li>
  </ul>
  </form>
  </body>
</html>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/ACMxike20111726/p/2721683.html