javascript 触发事件列表比较不错

javascript 触发事件列表，整理的一些js的事件，一般常用的就是onclick,onmouseover等。大家可以了解下，方便以后应用。

1.单击事件___onclick
用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:

2.改变事件___onchange
当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;

<br><br>3.选中事件____onselect <br>当text或textarea对象中的文字被选中里会引发该事件 <br>如:<ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")> <br><br>4.获得焦点事件____onfocus <br>用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件. <br>如:<select name="zhengjian" onfocus="alert(" 我成为焦点")> <br><br>5.失去焦点事件______onblur <br>失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件. <br><br>6.载入文件事件____onload <br>当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中. <br>如:<body onload=alert("正在加载页面,请等待...")> <br><br>7.卸载文件事件____onunload <br>与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态 <br>如:<body onunload="confirm(" 你确定要离开本页?")> <br><br>8.鼠标覆盖事件 _____onmouseover <br>onmouseover是当鼠标位于元素上方时所引发的事件 <br>如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true"><br><br>9.鼠标离开事件_____onmouseout <br>onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果. <br><br>10.一般事件 <br>ondbclick 鼠标双击事件 <br>鼠标上的按键被按下时激活的事件 <br>鼠标按下后,松开鼠标时触发的事件 <br>鼠标移动里触发的事件. <br>onkeypress 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象 <br>onkeydown 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象 <br>onkeyup 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象 <br><br>11.页面相关事件 <br>onabort 图片在下载时被用户中断 <br>onbeforeunload 当前页面的内容将要被改变时触发的事件 <br>onerror 捕捉当前页面因为某种原因而出现的错误,如脚本错误. <br>onmove 浏览器的窗口被移动里触发的事件 <br>onresize 当浏览器的大小被改变时触发的事件 <br>onscroll 浏览器的滚动条位置发生变化时触发的事件 <br>onstop 浏览器的"停止"按钮被按下或者正在下载的文件被中断时触发的事件. <br><br>12. 表单相关事件 <br>onreset 当表单中reset属性被激活时触发的事件. <br>onsubmit 一个表单被递交时触发的事件. <br><br>13.滚动字幕事件 <br>onbounce 当marquee内的内容移动至marquee显示范围之外时触发的事件. <br>onfinish 当marquee元素完成需要显示的内容后触发的事件. <br>onstart 当marquee元素开始显示内容时触发的事件. <br><br>14.编辑事件. <br>onbeforecopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件. <br>onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象 <br>oncontextmenu 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件. <br><body oncontentmenu="return false">禁止使用鼠标右键 <br>oncopy 当页面当前被选择内容被复制后触发的事件 <br>oncut 当页面当前被选择内容被剪切时触发的事件 <br>onpaste 当内容被粘贴时触发的事件 <br>ondrag 当某个对象被拖动时触发的事件 <br>ondragend 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件. <br><br>15.数据绑定 <br>onafterupdate 当数据完成由数据源到对象的传送时触发的事件 <br>oncellchange 当数据来源发生变化时触发的事件 <br>ondataavailable 当数据接收完成时触发的事件 <br>ondatasetchanged 数据在数据源发生变化时触发的事件. <br>ondatasetcomplete 当数据源的全部有效数据读取完毕时触发的事件. <br>onerrorupdate 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件. <br>onrowenter 当前数据源的数据发生变化并且有新的有效数据时触发的事件. <br>onrowexit 当前数据源的数据将要发生变化时触发的事件 <br>onrowsdelete 当前数据记录将被删除时触发的事件 <br>onrowsinserted 当前数据源将要插入新数据记录时触发的事件 <br><br>16.外部事件 <br>onafterprint 当文档被打印后触发的事件 <br>onbeforeprint 当文档即将打印时触发的事件 <br>onhelp 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件 </div><p>以上就是javascript 触发事件列表 比较不错的详细内容，更多请关注0133技术站其它相关文章！</p></article><div class="post-actions"><a href="javascript:;" etap="like" class="post-like action action-like" data-pid="0"><i
                        class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a><a href="javascript:;"
                                                                               class="action action-rewards"
                                                                               data-event="rewards"><i
                    class="fa fa-jpy"></i> 打赏</a></div><div class="post-copyright">未经允许不得转载：<a href="/">0133技术站首页</a> » <a href="/cate74/">JavaScript 教程</a></div><nav class="article-nav"><span class="article-nav-prev">上一篇<br><a href="/cate74/112177528126025.html" rel="prev">jQuery的.live()和.die() 使用介绍</a></span><span class="article-nav-next">下一篇<br><a href="/cate74/112177557639025.html" rel="next">js函数中onmousedown和onclick的区别和联系探讨</a></span></nav><div class="relates relates-thumb"><div class="title"><h3>相关文章</h3></div><ul><li><a href="/cate74/112731067600.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5d2d798d9febd779.jpg-160" alt="如何在JavaScript中使用对象方法？" class="thumb"></a><a href="/cate74/112731067600.html">如何在JavaScript中使用对象方法？</a></li><li><a href="/cate74/112752011600.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5d32861c799f7757.png-160" alt="18个用于创建漂亮图表的JavaScript库推荐" class="thumb"></a><a href="/cate74/112752011600.html">18个用于创建漂亮图表的JavaScript库推荐</a></li><li><a href="/cate74/112855793600.html"><img data-src="https://ss.0133.cn/upload/article/000/000/013/5d42bb0686598404.jpg-160" alt="POST 请求的三种常见数据提交格式" class="thumb"></a><a href="/cate74/112855793600.html">POST 请求的三种常见数据提交格式</a></li><li><a href="/cate74/112863815225.html"><img data-src="https://ss.0133.cn/upload/article/000/000/013/5e13e133098fe155.jpg-160" alt="JavaScript基础--引用数据类型 (对象)" class="thumb"></a><a href="/cate74/112863815225.html">JavaScript基础--引用数据类型 (对象)</a></li><li><a href="/cate74/112899244025.html"><img data-src="https://ss.0133.cn/upload/article/000/000/013/5d454d428ac89348.jpg-160" alt="如何在JavaScript中使用字符串？" class="thumb"></a><a href="/cate74/112899244025.html">如何在JavaScript中使用字符串？</a></li><li><a href="/cate74/112916500025.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5d47eb8530061725.jpg-160" alt="Window对象在前端领域的角色" class="thumb"></a><a href="/cate74/112916500025.html">Window对象在前端领域的角色</a></li><li><a href="/cate74/112917040100.html"><img data-src="https://ss.0133.cn/upload/article/000/000/001/5f6807e416857960.jpg-160" alt="了解JavaScript中的类" class="thumb"></a><a href="/cate74/112917040100.html">了解JavaScript中的类</a></li><li><a href="/cate74/112938684100.html"><img data-src="https://ss.0133.cn/upload/article/000/000/013/5d4949232b458994.jpg-160" alt="JavaScript中Switch语句的使用方法" class="thumb"></a><a href="/cate74/112938684100.html">JavaScript中Switch语句的使用方法</a></li></ul></div><!--
            <div class="title" id="comments"><h3>评论
                    <small>抢沙发</small></h3></div><div id="respond" class="no_webshot"><form action="return false;" method="post" id="commentform"><div class="comt"><div class="comt-title"><img data-src="https://secure.gravatar.com/avatar/?s=100&d=mm" class="avatar avatar-100"
                                 height="50" width="50"><p><a id="cancel-comment-reply-link" href="javascript:;">取消</a></p></div><div class="comt-box"><textarea placeholder="你的评论可以一针见血" class="input-block-level comt-area" name="comment"
                                      id="comment" cols="100%" rows="3" tabindex="1"
                                      onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">

-->

javascript 触发事件列表比较不错

前端开发

置顶推荐

猜你喜欢