首页 > 代码库 > js各事件使用详解
js各事件使用详解
事件详解
onblur 事件 发生在窗口失去焦点的时候。应用于：window 对象
onchange 事件 发生在文本输入区的内容被更改，然后焦点从文本输入区移走之后。捕捉此事件主要用于实时检测输入的有效性，或者立刻改变文档内容。应用于：Password 对象；Select 对象；Text 对象；Textarea 对象
onclick
事件
发生在对象被单击的时候。单击是指鼠标停留在对象上，按下鼠标键，没有移动鼠标而放开鼠标键这一个完整的过程。一个普通按钮对象（Button）通常会有
onclick 事件处理程序，因为这种对象根本不能从用户那里得到任何信息，没有 onclick 事件处理程序就等于废柴。按钮上添加
onclick 事件处理程序，可以模拟“另一个提交按钮”，方法是：在事件处理程序中更改表单的 action, target, encoding,
method 等一个或几个属性，然后调用表单的 submit() 方法。在 Link 对象的 onclick 事件处理程序中返回 false
值（return false），能阻止浏览器打开此连接。即，如果有一个这样的连接：<a href="http://www.a.com" onclick="return false">Go!</a>，那么无论用户怎样点击，都不会去到 www.a.com 网站，除非用户禁止浏览器运行 JavaScript。应用于：Button 对象；Checkbox 对象；Image 对象；Link 对象；Radio 对象；Reset 对象；Submit 对象
onerror 事件 发生在错误发生的时候。它的事件处理程序通常就叫做“错误处理程序”(Error Handler)，用来处理错误。上边已经介绍过，要忽略一切错误，就使用：
function ignoreError() {
return true;
}
window.onerror = ignoreError;
应用于：window 对象
onfocus 事件 发生在窗口得到焦点的时候。应用于：window 对象
onload
事件 发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件，而且包含的图片，插件，控件，小程序等全部内容都下载完毕。本事件是
window 的事件，但是在 HTML 中指定事件处理程序的时候，我们是把它写在<body>标记中的。应用于：window 对象
onmousedown 事件 发生在用户把鼠标放在对象上按下鼠标键的时候。参考 onm ouseup 事件。应用于：Button 对象；Link 对象
onmouseout 事件 发生在鼠标离开对象的时候。参考 onm ouseover 事件。应用于：Link 对象
onmouseover
事件 发生在鼠标进入对象范围的时候。这个事件和 onm ouseout
事件，再加上图片的预读，就可以做到当鼠标移到图像连接上，图像更改的效果了。有时我们看到，在指向一个连接时，状态栏上不显示地址，而显示其它的资料，
看起来这些资料是可以随时更改的。它们是这样做出来的：
<a href="http://www.mamicode.com/..." onm ouseover="window.status=‘Click Me Please!‘; return true;" onm ouseout="window.status=‘‘; return true;">
应用于：Link 对象
onmouseup 事件 发生在用户把鼠标放在对象上鼠标键被按下的情况下，放开鼠标键的时候。如果按下鼠标键的时候，鼠标并不在放开鼠标的对象上，则本事件不会发生。应用于：Button 对象；Link 对象
onreset 事件 发生在表单的“重置”按钮被单击（按下并放开）的时候。通过在事件处理程序中返回 false 值（return false）可以阻止表单重置。应用于：Form 对象
onresize 事件 发生在窗口被调整大小的时候。应用于：window 对象
onsubmit 事件 发生在表单的“提交”按钮被单击（按下并放开）的时候。可以使用该事件来验证表单的有效性。通过在事件处理程序中返回 false 值（return false）可以阻止表单提交。应用于：Form 对象
onunload
事件 发生在用户退出文档（或者关闭窗口，或者到另一个页面去）的时候。与 onl oad 一样，要写在 HTML
中就写到<body>标记里。 有的 Web Masters
用这个方法来弹出“调查表单”，以“强迫”来者填写；有的就弹出广告窗口，唆使来者点击连接。我觉得这种“onunload="open..."”的方法
很不好，有时甚至会因为弹出太多窗口而导致资源缺乏。有什么对来者说就应该在网页上说完，不对吗？ 应用于：window 对象
js各事件使用详解