zoukankan      html  css  js  c++  java

  • 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可以阻止粘贴，
    在实际应用中，当有一些比较重要的数据时，如手机号、登录密码、网银账号等，
    为了安全考虑必须手动输入，因此在这些表单文本域，通常是设置为禁止粘贴的。
    		  
           
  • 相关阅读:
    asp.net 、C#实现微信企业号OAuth2认证
    node event中 on emit off 的封装
    node
    Express中间件
    旋转的魔方
    通过gulp为requireJs引入的模块添加版本号
    css水平垂直居中（绝对定位居中）
    COLOR 与 COLORREF
    VMware Workstation 安装 vmware tools
    MMIV: starter level 1
  • 原文地址：https://www.cnblogs.com/beyourself/p/3019035.html
Copyright © 2011-2022 走看看