js事件整理

一般事件 事件 浏览器支持 描述 
onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 
onDblClick IE4|N4|O 鼠标双击事件 
onMouseDown IE4|N4|O 鼠标上的按钮被按下了 
onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 
onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 
onMouseMove IE4|N4|O 鼠标移动时触发的事件 
onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 
onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] 
onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] 
onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

页面相关事件 事件 浏览器支持 描述 
onAbort IE4|N3|O 图片在下载时被用户中断 
onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件 
onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 
onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成 
onMove IE|N4|O 浏览器的窗口被移动时触发的事件 
onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件 
onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件 
onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 
onUnload IE3|N2|O3 当前页面将被改变时触发的事件

表单相关事件 事件 浏览器支持 描述 
onBlur IE3|N2|O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] 
onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可] 
onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件 
onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件 
onSubmit IE3|N2|O3 一个表单被递交时触发的事件

滚动字幕事件 事件 浏览器支持 描述 
onBounce IE4|N|O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件 
onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件 
onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件

编辑事件 事件 浏览器支持 描述 
onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 
onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件 
onBeforeEditFocus IE5|N|O 当前元素将要进入编辑状态 
onBeforePaste IE5|N|O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 
onBeforeUpdate IE5|N|O 当浏览者粘贴系统剪贴板中的内容时通知目标对象 
onContextMenu IE5|N|O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了] 
onCopy IE5|N|O 当页面当前的被选择内容被复制后触发的事件 
onCut IE5|N|O 当页面当前的被选择内容被剪切时触发的事件 
onDrag IE5|N|O 当某个对象被拖动时触发的事件 [活动事件] 
onDragDrop IE|N4|O 一个外部对象被鼠标拖进当前窗口或者帧 
onDragEnd IE5|N|O 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了 
onDragEnter IE5|N|O 当对象被鼠标拖动的对象进入其容器范围内时触发的事件 
onDragLeave IE5|N|O 当对象被鼠标拖动的对象离开其容器范围内时触发的事件 
onDragOver IE5|N|O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 
onDragStart IE4|N|O 当某对象将被拖动时触发的事件 
onDrop IE5|N|O 在一个拖动过程中,释放鼠标键时触发的事件 
onLoseCapture IE5|N|O 当元素失去鼠标移动所形成的选择焦点时触发的事件 
onPaste IE5|N|O 当内容被粘贴时触发的事件 
onSelect IE4|N|O 当文本内容被选择时的事件 
onSelectStart IE4|N|O 当文本内容选择将开始发生时触发的事件

数据绑定 事件 浏览器支持 描述 
onAfterUpdate IE4|N|O 当数据完成由数据源到对象的传送时触发的事件 
onCellChange IE5|N|O 当数据来源发生变化时 
onDataAvailable IE4|N|O 当数据接收完成时触发事件 
onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件 
onDatasetComplete IE4|N|O 当来子数据源的全部有效数据读取完毕时触发的事件 
onErrorUpdate IE4|N|O 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件 
onRowEnter IE5|N|O 当前数据源的数据发生变化并且有新的有效数据时触发的事件 
onRowExit IE5|N|O 当前数据源的数据将要发生变化时触发的事件 
onRowsDelete IE5|N|O 当前数据记录将被删除时触发的事件 
onRowsInserted IE5|N|O 当前数据源将要插入新数据记录时触发的事件 
数据绑定 事件 浏览器支持 描述 
onAfterPrint IE5|N|O 当文档被打印后触发的事件 
onBeforePrint IE5|N|O 当文档即将打印时触发的事件 
onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件 
onHelp IE4|N|O 当浏览者按下F1或者浏览器的帮助选择时触发的事件 
onPropertyChange IE5|N|O 当对象的属性之一发生变化时触发的事件 
onReadyStateChange IE4|N|O 当对象的初始化属性值发生变化时触发的事件

参考了:http://www.cnblogs.com/weixu/archive/2007/09/06/884738.html

时间: 2024-10-06 14:57:33

js事件整理的相关文章

js的鼠标事件整理-------Day47

今天回来的有些晚了,实在是困的要命了,就不再做新的应用了,总结复习下之前的功能实现,却是感慨万千,今天6月24日,其实算是个比较有意义的一天,去年的今天开始,我迈入了软件这个行业,而如今,已经一年了,有收获也有不足,我想象不出明年今天我的样子,但我愿不停努力,加油. 前几日在交互上做了一些整理记录,大体总结起来主要的有两种:键盘和鼠标. 键盘虽然按键颇多,但整个的事件却只有两个:onkeydown和onkeyup,还有人说还存在onkeypress,这个我还没有用过,暂时先记下吧. 而鼠标事件则

jQuery事件整理回顾

一.事件 1.加载DOM $(document).ready() 这个第一节里详细介绍了 2.事件绑定 jQuery定义了bind()方法作为统一的接口,用来为每一个匹配元素绑定事件处理程序.其基本语法:bind(type,[data],fn); 其中参数type表示事件类型,参数data是可选参数,它可以作为event.data属性值传递给事件对象的额外数据对象.参数fn表示事件处理函数. 例如下例中为p元素绑定单击事件,当点击不同段落文本的时候会提示不同段落文本的内容: [html] vie

常用js方法整理common.js

项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data: data, dataType: 'json', success: ok, error: error }); } h.post = function (url, data, ok, error) { $.ajax({ url: url, data: data, type: 'post', data

js事件冒泡和事件委托

js所谓的事件冒泡就是子级元素的某个事件被触发,它的上级元素的该事件也被递归执行 html: 1 <ul class="clearfix" data-type="cityPick"> 2 <li class="active_sort_opts" data-id="0">全部</li> 3 <li data-id="88">纽约</li> 4 <

特殊js事件

1:点击enter事件 $(document).keypress(function(e) { // 回车键事件 if(e.which == 13) { submitForm(); } }); 2:JQUERY表单ajax提交事件 1):添加js插件 2):添加js事件 function submitForm(){ $.ajax({ url:'${root}/doLogin', data:$('form').serialize(), dataType:'json', cache:false, ty

JS事件(事件冒泡和事件捕获)

事件流:描述的是在页面中接收事件的顺序 事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 DOM中:用于处理指定和删除事件处理程序的操作addEventListener()和removeEventListener().他们都接收三个参数:要处理的事件名.作为事件处理程序的函数和布尔值(事件处理的时候)[true:事件捕获时;false:事件冒泡时] DOM中的事件对象: type属性 用于获取事件类

略谈js事件

 本人是这样从做学的js事件分成以下三个方面: 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级.这里所谓的高级是指,当用户按下shift +

js事件的三个阶段

js事件的三个阶段分别为:捕获.目标.冒泡 1.捕获:事件由页面元素接收,逐级向下,到具体的元素 2.目标:具体的元素本身 3.冒泡:跟捕获相反,具体元素本身,逐级向上,到页面元素 IE5.5:div---body---document IE6.0:   div---body---html---document Mozilla:div---body---html---document---window 事件捕获:当使用事件捕获时,父级元素先触发,子元素后触发 事件冒泡:当使用事件冒泡时,子级元素

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名