onkeypress事件
<input type="text" onkeypress="JS函数">
表单里面的onkeypress="JS代码"要与onsubmit="return false;"联用。
<form name="form1" method="post" action="" onsubmit="return false">
<input type="text" id="url_input" style="width:386px;height:26px;border:3px solid #98bf21;" onkeypress="putURL();" placeholder="http://www.jd.com ">
<input type="button" id="go" value="开始提取" class="s_btn" onClick="putURL()">
onclick事件
<h1 onclick="changetext(this)">请点击该文本</h1>
onload 和 onunload 事件
// onload 在加载的时候启用 。一般放在body中检查cookie。
<body onload="checkCookies()">
onchange 事件常结合对输入字段的验证来使用。
下面是一个如何使用 onchange 的例子。当用户输入/改变输入字段内容结束时，会触发相应动作。进行输入字段的检查。
<input type="text" id="fname" onchange="upperCase()">
onmouseover 和 onmouseout 事件
onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
<h1 onmouseover="style.color='red'" onmouseout="style.color='blue'">
请把鼠标移到这段文本上
onmousedown、onmouseup 以及 onclick 事件
当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。
<div onmousedown="mDown(this)" onmouseup="mUp(this)" style="background-color:green;color:#ffffff;width:90px;height:20px;padding:40px;font-size:12px;">请点击这里</div>
<script>
function mDown(obj)
{
obj.style.backgroundColor="#1ec5e5";
obj.innerHTML="请释放鼠标按钮"
}
function mUp(obj)
{
obj.style.backgroundColor="green";
obj.innerHTML="请按下鼠标按钮"
}
</script>
