js常用事件

                                                                                     js常用事件

事件名 触发条件 常见用法 其他
onkeydown onkeydown 事件是响应任意键按下的处理（包括功能键） 利用 onkeydown 事件的 event.keyCode/event.which 得到一个按键对应的数字值（Unicode 编码），获得 Unicode 编码值之后，如果需要得到实际对应的按键值，可以通过 Srting 对象的 fromCharCode 方法。注意，对于字符获得的始终是大写字符，而对于其他一些功能按键，得到的字符可能不太易阅读。如在用户登录时，如果按下了大写锁定键（20），则加以提示大写锁定；在有翻页的时候，如果用户按下左右箭头，触发上下翻页等。 onkeypress 事件只响应字符键按下后的处理，与onkeydown不一样；Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而Netscape/Firefox/Opera 等浏览器使用 event.which。
onkeypress 用户按下或按住一个键盘按键时会触发 onkeypress 事件。onkeypress 事件不做相应功能键按下的处理。                                              同上 onkeypress 事件不做相应功能键按下的处理,也就是说按下功能键不能触发该事件，但是该事件可以识别空格，回车，退格等。
 onkeyup 键盘按键被松开时会触发 onkeyup 事件。经过试验发现，它不会识别功能键。   onkeyup 事件是在按键被松开时触发的，因此如果您在输入字符时如果按住按键不放，那么输入的字符不会立即显示在下面的。
onblur 页面元素失去焦点时 JavaScript onblur 事件常用于表单的验证，更复杂的情况是结合表单提交按钮以及 Ajax 数据验证  
onfocus 页面元素获得焦点时 如清除或显示表单里的提示信息  
onchange 表单文本域或选择域发生改变时会触发  

支持该事件的html标签：

<input type="text">, <select>, <textarea>

支持该事件的javascript对象：
fileUpload, select, text, textarea
 onsubmit 表单被提交时发生时会触发   点击 submit 提交按钮后，onsubmit 事件是先于表单提交发生的，因此可以利用 onsubmit 事件执行一些代码，如表单内容检测等。

 可以通过 confirm 确认框进行表单提交确认

if ( confirm("确认提交表单吗？"))
 onreset 表单被重置（重置按钮被点击,就是一个button类型为reset）时发生时     
 onload  Web 页面或图像加载完成后会触发  

 支持该对象的html标签：

<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的javascript对象：
window, image, layer
 onunload 用户退出页面（或页面改变为其他页面、刷新）时会触发   

 onunload 事件是在页面卸载完成后触发的，因此不能用 onunload 事件来阻止用户关闭或离开当前页面。先执行onunload再转向新的页面

支持该事件的html标签：

<body>, <frameset>
支持该事件的javascript对象：window
 onerror  当加载页面文档或图像时发生某个错误时  如在加载一副图像失败时，显示指定的图像（例如404.jpg）而不是浏览器默认的红叉  支持该事件的html标签： 
<img>, <object>, <style>
支持该事件的javascript对象：
window, image
 onresize  当浏览器窗口（显示web文档的窗口）或 HTML 对象被改变大小时  可用来获取窗口改变后的大小， 
document.documentElement.clientWidth获取宽度（像素），
document.documentElement.clientHeight获取高度，
必须设定 DOCTYPE 类型，
在 IE 中才能利用 document.documentElement 来取得窗口的宽度及高度

 支持该事件的HTML标签：

<a>, <address>, <b>, <big>, <blockquote>, <body>,
 <button>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>,
<dt>, <em>, <fieldset>, <form>, <frame>, <h1> to <h6>,
 <hr>, <i>, <img>, <input>, <kbd>, <label>,
<legend>, <li>, <object>, <ol>, <p>, <pre>, <samp>, 
<select>, <small>, <span>, <strong>, <sub>, <sup>,
<table>, <textarea>, <tt>, <ul>, <var>
支持该事件的javascript对象：

window
在 IE 和 Opera 浏览器中，只要窗口的边框被改变一个像素，onresize事件
就会被触发；
而在 Mozilla Firefox 等其他浏览器中，只在停止对窗口的大小改变时
才触发 onresize 事件。
 onscroll  

当浏览器滚动条滚动时会触发 onscroll 事件，通常情况下指上下滚动条滚动。

 

 利用 onscroll 事件检测滚动条位置，当向下滚动到一定位置时，

在页面右下角会出现“返回顶部”的锚链接，以方便网站用户快速返回顶部。

 需要注意的是，浏览器一旦检测到滚动条发生滚动，就可以触发 onscroll 事件，

而无需等到滚动行为结束。

document.documentElement.scrollTop || document.body.scrollTop; 来
获取被隐藏的高度，具体参照http://www.jb51.net/article/18368.htm
 onselect  文本框中的文本被选中时 百度文库的复制 
支持该事件的html标签:
<input type="text">, <textarea>
支持该事件的javascript对象：
window
在 IE 浏览器中，当我们用鼠标滑动去选择文本框中的字符串是，只要有一个字符被选中即触发 onselect 事件
而不是全部选中并松开鼠标后触发。如果要达到全部选中并松开鼠标后才触发 onselect 事件的效果，需要结合onkeyup
 oncopy  当前被选择的内容被复制时  当页面上的被容被拷贝时，加入版权信息及原文地址   
var
txt_cr=document.selection.createRange().text
 可以得到选择范围内的文字;
clipboardData.setData('Text',txt_cr+版权信息); 设置剪切板的属性，
oncut  文本域内的内容被剪切时    
 onpaste  将剪贴板内的内容向文本域粘贴时   
<input type="text" onpaste="return false;" />返回false可以阻止粘贴，
在实际应用中，当有一些比较重要的数据时，如手机号、登录密码、网银账号等，
为了安全考虑必须手动输入，因此在这些表单文本域，通常是设置为禁止粘贴的。
  
       
posted @ 2013-04-14 10:00  伴夏  阅读(302)  评论(0)  编辑  收藏  举报