一般事件

事件

浏览器支持

描述

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

当对象的初始化属性值发生变化时触发

JavaScript常用事件的更多相关文章

  1. BOM之JavaScript常用事件

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  2. javascript——常用事件总结

      Event对象:Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件标签属性 当以下情况发生时,出现此事件 onabort 图像加载被中断 ...

  3. JavaScript常用事件参考

      onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档 ...

  4. javascript常用事件及方法

    1.获取鼠标坐标,考虑滚动条拖动 var e = event || window.event; var scrollX = document.documentElement.scrollLeft || ...

  5. javascript之常用事件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. JavaScript基础之常用事件

    js 基础之常用事件 在js当中,事件是较为常用的内容,本篇文章来说一些常用的事件. 鼠标事件 下面是常用的鼠标事件: click 当用户按下并释放鼠标按键或其他方式"激活"元素时 ...

  7. Javascript中常用事件集合和事件使用方法

    Javascript中常用事件集合和事件使用方法 一.事件绑定 格式: 事件源 . on事件类型=事件处理函数 事件绑定三要素 1.事件源:和谁绑定 2.事件类型:什么事件 3.事件处理函数:触发了要 ...

  8. javaScript入门之常用事件

    JS中的常用事件 onfocus/onblur:聚焦离焦事件,用于表单校验的时候比较合适. onclick/ondblclick:鼠标单击和双击事件 onkeydown/onkeypress:搜索引擎 ...

  9. jQuery $(document).ready()和JavaScript onload事件

    jQuery $(document).ready()和JavaScript onload事件 Why we need a right time? 对元素的操作和事件的绑定需要等待一个合适的时机,可以看 ...

随机推荐

  1. java设计优化--装饰者模式

    装饰者模式拥有一个设计非常巧妙的结构,它可以动态的添加功能.在基本的设计原则中,有一条重要的设计准则就是合成/聚合复用原则.根据该原则的思想,代码复用应该尽可能使用委托,而不是使用继承.因为继承是一种 ...

  2. OC基础--分类(category) 和 协议(protocol)

    OC 中的category分类文件相当于 C#中的部分类:OC 中的protocol协议文件(本质是头文件)相当于 C#中的接口.今天就简单说明一下OC中的这两个文件. 由于视频中的Xcode版本低, ...

  3. Java编程思想学习(十五) 注解

    注解Annotation又叫元数据,是JDK5中引入的一种以通用格式为程序提供配置信息的方式.使用注解Annotation可以使元数据写在程序源码中,使得代码看起来简洁,同时编译器也提供了对注解Ann ...

  4. 使用Jquery+EasyUI 进行框架项目开发案例讲解之四 组织机构管理源码分享

    http://www.cnblogs.com/huyong/p/3404647.html 在上三篇文章  <使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享> ...

  5. Json序列化对象

    之前都是用的二进制的序列化方法,是.net自带的,但是最常用到的还是Json序列化 (1)只需要调用 Newtonsoft.Json.dll 即可 public class JsonTools { / ...

  6. 添加已有项目到git rep

    cd yourproject——homegit init //在当前项目目录中生成本地git管理,建立一个隐藏.git目录 git add src //添加你想用git管理的代码的目录 git com ...

  7. js正则表达式中的问号几种用法小结

    这篇文章主要介绍了js正则表达式中的问号几种用法,比如+?,*?,{2,3}?可以停止匹配的贪婪模式,感兴趣的朋友可以参考下 在表示重复的字符后面加问号,比如+?,*?,{2,3}?可以停止匹配的贪婪 ...

  8. CSS 兼容 总结

    1> margin加倍的问题 设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug. 解决方案是在这个div里面加上display:inline; 例如: &l ...

  9. css absolute与relative的区别

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. fp = fopen(s, "at") 中at 是啥意思，a 是append 追加的意思

    打开一个s的stream, a表示append,就是说写入处理的时候是接着原来文件已有内容写入,不是从头写入覆盖掉, t表示打开文件的类型是文本文件, "+号表示对文件既可以读也可以写.&q ...