js 事件小结 表格区别








































































































































































































































































































一般事件
事件 浏览器支持 描述
onClick HTML: 2|3|3.2|4
Browser: IE3|N2|O3		 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标双击事件
onMouseDown HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标上的按钮被按下了
onMouseUp HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标按下后，松开时激发的事件
onMouseOver HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标移动时触发的事件
onMouseOut HTML: 2|3|3.2|4
Browser:IE4|N3|O3		 当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件
事件 浏览器支持 描述
onAbort HTML: 2|3|3.2|4
Browser:IE4|N3|O		 图片在下载时被用户中断
onBeforeUnload HTML: 2|3|3.2|4
Browser:IE4|N|O		 当前页面的内容将要被改变时触发的事件
onError HTML: 2|3|3.2|4
Browser:IE4|N3|O		 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误
onLoad HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成
onMove HTML: 2|3|3.2|4
Browser:IE|N4|O		 浏览器的窗口被移动时触发的事件
onResize HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当浏览器的窗口大小被改变时触发的事件
onScroll HTML: 2|3|3.2|4
Browser:IE4|N|O		 浏览器的滚动条位置发生变化时触发的事件
onStop HTML: 2|3|3.2|4
Browser:IE5|N|O		 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当前页面将被改变时触发的事件
表单相关事件
事件 浏览器支持 描述
onBlur HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当某个元素获得焦点时触发的事件
onReset HTML: 2|3|3.2|4
Browser:IE4|N3|O3		 当表单中RESET的属性被激发时触发的事件
onSubmit HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 一个表单被递交时触发的事件
滚动字幕事件
事件 浏览器支持 描述
onBounce HTML: 2|3|3.2|4
Browser:IE4|N|O		 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish HTML: 2|3|3.2|4
Browser:IE4|N|O		 当Marquee元素完成需要显示的内容后触发的事件
onStart HTML: 2|3|3.2|4
Browser:IE4|N|O		 当Marquee元素开始显示内容时触发的事件
编辑事件
事件 浏览器支持 描述
onBeforeCopy HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前元素将要进入编辑状态
onBeforePaste HTML: 2|3|3.2|4
Browser:IE5|N|O		 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate HTML: 2|3|3.2|4
Browser:IE5|N|O		 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu HTML: 2|3|3.2|4
Browser:IE5|N|O		 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面当前的被选择内容被复制后触发的事件
onCut HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面当前的被选择内容被剪切时触发的事件
onDrag HTML: 2|3|3.2|4
Browser:IE5|N|O		 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop HTML: 2|3|3.2|4
Browser:IE|N4|O		 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd HTML: 2|3|3.2|4
Browser:IE5|N|O		 当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了
onDragEnter HTML: 2|3|3.2|4
Browser:IE5|N|O		 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave HTML: 2|3|3.2|4
Browser:IE5|N|O		 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver HTML: 2|3|3.2|4
Browser:IE5|N|O		 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart HTML: 2|3|3.2|4
Browser:IE4|N|O		 当某对象将被拖动时触发的事件
onDrop HTML: 2|3|3.2|4
Browser:IE5|N|O		 在一个拖动过程中，释放鼠标键时触发的事件
onLoseCapture HTML: 2|3|3.2|4
Browser:IE5|N|O		 当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste HTML: 2|3|3.2|4
Browser:IE5|N|O		 当内容被粘贴时触发的事件
onSelect HTML: 2|3|3.2|4
Browser:IE4|N|O		 当文本内容被选择时的事件
onSelectStart HTML: 2|3|3.2|4
Browser:IE4|N|O		 当文本内容选择将开始发生时触发的事件
数据绑定
事件 浏览器支持 描述
onAfterUpdate HTML: 2|3|3.2|4
Browser:IE4|N|O		 当数据完成由数据源到对象的传送时触发的事件
onCellChange HTML: 2|3|3.2|4
Browser:IE5|N|O		 当数据来源发生变化时
onDataAvailable HTML: 2|3|3.2|4
Browser:IE4|N|O		 当数据接收完成时触发事件
onDatasetChanged HTML: 2|3|3.2|4
Browser:IE4|N|O		 数据在数据源发生变化时触发的事件
onDatasetComplete HTML: 2|3|3.2|4
Browser:IE4|N|O		 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate HTML: 2|3|3.2|4
Browser:IE4|N|O		 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
onRowEnter HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据源的数据将要发生变化时触发的事件
onRowsDelete HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据记录将被删除时触发的事件
onRowsInserted HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据源将要插入新数据记录时触发的事件
外部事件
事件 浏览器支持 描述
onAfterPrint HTML: 2|3|3.2|4
Browser:IE5|N|O		 当文档被打印后触发的事件
onBeforePrint HTML: 2|3|3.2|4
Browser:IE5|N|O		 当文档即将打印时触发的事件
onFilterChange HTML: 2|3|3.2|4
Browser:IE4|N|O		 当某个对象的滤镜效果发生变化时触发的事件
onHelp HTML: 2|3|3.2|4
Browser:IE4|N|O		 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange HTML: 2|3|3.2|4
Browser:IE5|N|O		 当对象的属性之一发生变化时触发的事件
onReadyStateChange HTML: 2|3|3.2|4
Browser:IE4|N|O		 当对象的初始化属性值发生变化时触发的事件

赞 (0)

相关推荐

  • js 事件小结 表格区别

    一般事件 事件 浏览器支持 描述 onClick HTML: 2|3|3.2|4Browser: IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick HTML: 2|3|3.2|4Browser:IE4|N4|O 鼠标双击事件 onMouseDown HTML: 2|3|3.2|4Browser:IE4|N4|O 鼠标上的按钮被按下了 onMouseUp HTML: 2|3|3.2|4Browser:IE4|N4|O 鼠标按下后,松开时激发的事件 onM

  • JavaScript事件学习小结(二)js事件处理程序

    JavaScript事件学习小结(二)js事件处理程序

    相关阅读: JavaScript事件学习小结(五)js中事件类型之鼠标事件 http://www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 http://www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员(属性和方法) http://www.jb51.net/article/86262.htm JavaScript事件学习小结(二)js事件处理程序 http://www

  • JavaScript事件学习小结（三）js事件对象

    相关阅读: JavaScript事件学习小结(五)js中事件类型之鼠标事件 http://www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 http://www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员(属性和方法) http://www.jb51.net/article/86262.htm JavaScript事件学习小结(二)js事件处理程序 http://www

  • node.js事件循环机制及与js区别详解

    目录 一.是什么 二.流程 三.题目 一.是什么 在浏览器事件循环(opens new window)中,我们了解到javascript在浏览器中的事件循环机制,其是根据HTML5定义的规范来实现 而在NodeJS中,事件循环是基于libuv实现,libuv是一个多平台的专注于异步IO的库,如下图最右侧所示: 上图EVENT_QUEUE 给人看起来只有一个队列,但EventLoop存在6个阶段,每个阶段都有对应的一个先进先出的回调队列 二.流程 上节讲到事件循环分成了六个阶段,对应如下: tim

  • js事件监听机制(事件捕获)总结

    在前端开发过程中我们经常会遇到给页面元素添加事件的问题,添加事件的js方法也很多,有直接加到页面结构上的,有使用一些js事件监听的方法,由于各个浏览器对事件冒泡事件监听的机制不同,le浏览器只有事件冒泡,没有事件监听的机制,对于事件监听的兼容性问题是最大的难题: 1.直接把事件的方法写在页面结构上 function eventfun(){ //console.log(this); } <input type="button" onclick="eventfun()&qu

  • JS实现两表格里数据来回转移的方法

    本文实例讲述了JS实现两表格里数据来回转移的方法.分享给大家供大家参考.具体分析如下: 最近做项目里用到了一个 两个表格里数据的来回转移,用JS稍微做了下,界面也没有去弄很漂亮 感觉写得有点繁琐了,有时间再改进哈 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml

  • js动态添加表格逐行添加、删除、遍历取值的实例代码

    js动态添加表格逐行添加、删除、遍历取值的实例代码

    关于js对表格进行逐行添加,今天抽空整理了一下:新建一个html文件(没有编辑器的可以新建一个demo.txt文件,然后改后缀名为demo.html),把下面代码全部贴进去即可. 功能包括:表格添加一行,表格删除一行,表格遍历取值等. 点击说明:点击添加按钮,则表格添加一行,可进行录入,删除按钮,可删除当前行,其他行不影响.删除或者添加,每行的的编号都会自动变化,套餐和价格是<input/>,内容是 <textarea></textarea>,点击保存按钮的时候,遍历表

  • js事件on动态绑定数据,绑定多个事件的方法

    一.on('clcik')与$('').clcik()方法的区别: on('clcik'):事件委托机制 // 在body元素上绑定click事件处理函数handler,如果这个click事件是由其后代的P元素触发的,就执行handler $(document.body).on("click", "p", handler); 事件委托机制就是,我们不为每个P元素直接绑定click事件处理函数,而是委托给其某个公共的祖辈元素(此处示例中为document.body),

  • js+Html实现表格可编辑操作

    js+Html实现表格可编辑操作

    本文实例为大家分享了js+Html实现表格可编辑操作的具体代码,供大家参考,具体内容如下 功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容. 点击增加行,在table的末尾增加一行:点击删除行,删除table中最末尾的一行. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  • 拖拽插件sortable.js实现el-table表格拖拽效果

    拖拽插件sortable.js实现el-table表格拖拽效果

    目录 问题描述 案例一 简单拖拽 代码附上 案例二 el-table表格拖拽 效果图 代码附上 问题描述 Sortable.js是一款优秀的js拖拽库,因为是原生js写的,所以性能不错,也支持移动端哦.本文举两个案例来学习一下. 案例一 简单拖拽 效果图 代码附上 关于理解看注释哦,运行的话复制粘贴即可 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <t

随机推荐