javascript之事件处理

Posted jzssuanfa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript之事件处理相关的知识,希望对你有一定的参考价值。

一般事件

onclick                       鼠标点击时触发此事件

ondblclick                  鼠标双击时触发此事件

onmousedown         按下鼠标时触发此事件

onmouseup              鼠标按下后松开鼠标时触发此事件

onmouseover          当鼠标移动到某对象范围的上方时触发此事件

onmousemove        鼠标移动时触发此事件

onmouseout            当鼠标离开某对象范围时触发此事件

onkeypress              当键盘上的某个键被按下而且释放时触发此事件.

onkeydown              当键盘上某个按键被按下时触发此事件

onkeyup                   当键盘上某个按键被按放开时触发此事件

 

页面相关事件

onabort                     图片在下载时被用户中断

onbeforeunload        当前页面的内容将要被改变时触发此事件

onerror                      出现错误时触发此事件

onload                       页面内容完毕时触发此事件

onmove                     浏览器的窗体被移动时触发此事件

onresize                   当浏览器的窗体大小被改变时触发此事件

onscroll                            浏览器的滚动栏位置发生变化时触发此事件

onstop                       浏览器的停止button被按下时触发此事件或者正在下载的文件被中断

onunload                   当前页面将被改变时触发此事件

表单相关事件

onblur                 当前元素失去焦点时触发此事件

onchange           当前元素失去焦点而且元素的内容发生改变而触发此事件

onfocus               当某个元素获得焦点时触发此事件

onreset               当表单中RESET的属性被激发时触发此事件

onsubmit            一个表单被递交时触发此事件

滚动字幕事件

onbounce           在Marquee内的内容移动至Marquee显示范围之外时触发此事件

onfinish              当Marquee元素完毕须要显示的内容后触发此事件

onstart                当Marquee元素開始显示内容时触发此事件

编辑事件

onbeforecopy            当页面当前的被选择内容将要拷贝到浏览者系统的剪贴板前触发此事件

onbeforecut                     当页面中的一部分或者所有的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件

onbeforeeditfocus     当前元素将要进入编辑状态

onbeforepaste                  内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件

onbeforeupdate               当浏览者粘贴系统剪贴板中的内容时通知目标对象

oncontextmenu                当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件

oncopy                              当页面当前的被选择内容被复制后触发此事件

oncut                                当页面当前的被选择内容被剪切时触发此事件

ondrag                              当某个对象被拖动时触发此事件 [活动事件]

ondragdrop                      一个外部对象被鼠标拖进当前窗体或者帧

ondragend                        当鼠标拖动结束时触发此事件。即鼠标的button被释放了

ondragenter                     当对象被鼠标拖动的对象进入其容器范围内时触发此事件

ondragleave                            当对象被鼠标拖动的对象离开其容器范围内时触发此事件

ondragover                      当某被拖动的对象在还有一对象容器范围内拖动时触发此事件

ondragstart                      当某对象将被拖动时触发此事件

ondrop                              在一个拖动过程中。释放鼠标键时触发此事件

onlosecapture                  当元素失去鼠标移动所形成的选择焦点时触发此事件

onpaste                            当内容被粘贴时触发此事件

onselect                            当文本内容被选择时的事件

onselectstart                    当文本内容选择将開始发生时触发的事件

数据绑定

onafterupdate                  当数据完毕由数据源到对象的传送时触发此事件

oncellchange                    当数据来源发生变化时

ondataavailable               当数据接收完毕时触发事件

ondatasetchanged           数据在数据源发生变化时触发的事件

ondatasetcomplete          当来子数据源的所有有效数据读取完成时触发此事件

onerrorupdate                 当使用onBeforeUpdate事件触发取消了数据传送时,取代onAfterUpdate事件

onrowenter                      当前数据源的数据发生变化而且有新的有效数据时触发的事件

onrowexit                         当前数据源的数据将要发生变化时触发的事件

onrowsdelete                   当前数据记录将被删除时触发此事件

onrowsinserted                当前数据源将要插入新数据记录时触发此事件

外部事件

onafterprint                       当文档被打印后触发此事件

onbeforeprint                   当文档即将打印时触发此事件

onfilterchange                 当某个对象的滤镜效果发生变化时触发的事件

onhelp                              当浏览者按下F1或者浏览器的帮助选择时触发此事件

onpropertychange           当对象的属性之中的一个发生变化时触发此事件

onreadystatechange        当对象的初始化属性值发生变化时触发此事件

 

事件处理函数,能够不插入html标签,而在脚本段中直接引用,

var b_save =document.getElementById("save");
b_save.onclick =function(){
      alert("单击了保存button!

"); }



以上是关于javascript之事件处理的主要内容,如果未能解决你的问题,请参考以下文章

vue之事件处理器

web前端之JavaScript高级程序设计六:事件

javaScript之事件处理程序

JavaScript学习之事件委托

javascript之事件处理

JavaScript性能优化之事件委托