JS事件总结大全

一般事件:

onClick -- 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击

onDblClick -- 鼠标双击事件

onMouseDown -- 鼠标上的按钮被按下了

onMouseUp -- 鼠标按下后,松开时激发的事件

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

onMouseMove -- 鼠标移动时触发的事件

onMouseOut -- 当鼠标离开某对象范围时触发的事件

onKeyPress -- 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]

onKeyDown -- 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]

onKeyUp -- 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

页面相关事件:

onAbort -- 图片在下载时被用户中断

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

onError -- 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误

onLoad -- 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成

onMove -- 浏览器的窗口被移动时触发的事件

onResize -- 当浏览器的窗口大小被改变时触发的事件

onScroll -- 浏览器的滚动条位置发生变化时触发的事件

onStop -- 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断

onUnload -- 当前页面将被改变时触发的事件

表单相关事件:

onBlur -- 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]

onChange -- 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]

onFocus -- 当某个元素获得焦点时触发的事件

onReset -- 当表单中RESET的属性被激发时触发的事件

onSubmit -- 一个表单被递交时触发的事件

滚动字幕事件:

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

onFinish -- 当Marquee元素完成需要显示的内容后触发的事件

onStart -- 当Marquee元素开始显示内容时触发的事件

编辑事件:

onBeforeCopy HTML:当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件

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

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

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

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

onContextMenu -- 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的中加入onContentMenu="return false"就可禁止使用鼠标右键了]

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

onCut -- 当页面当前的被

选择内容被剪切时触发的事件

onDrag -- 当某个对象被拖动时触发的事件 [活动事件]

onDragDrop -- 一个外部对象被鼠标拖进当前窗口或者帧

onDragEnd HTML:当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了

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

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

onDragOver -- 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]

onDragStart -- 当某对象将被拖动时触发的事件

onDrop -- 在一个拖动过程中,释放鼠标键时触发的事件

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

onPaste -- 当内容被粘贴时触发的事件

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

onSelectStart HTML当文本内容选择将开始发生时触发的事件

数据绑定:

onAfterUpdate -- 当数据完成由数据源到对象的传送时触发的事件

onCellChange HTML:当数据来源发生变化时

onDataAvailable -- 当数据接收完成时触发事件

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

onDatasetComplete -- 当来子数据源的全部有效数据读取完毕时触发的事件

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

onRowEnter HTML:当前数据源的数据发生变化并且有新的有效数据时触发的事件

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

onRowsDelete -- 当前数据记录将被删除时触发的事件

onRowsInserted -- 当前数据源将要插入新数据记录时触发的事件

外部事件:

onAfterPrint -- 当文档被打印后触发的事件

onBeforePrint -- 当文档即将打印时触发的事件

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

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

onPropertyChange -- 当对象的属性之一发生变化时触发的事件

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,526评论 1 11
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,487评论 0 4
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 697评论 0 4
  • 事件是什么,可以用来做什么,什么时候用到它? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScr...
    茂茂爱吃鱼阅读 1,532评论 0 16
  • 眼泪是真实的,她骗得了别人,骗不了自己。 内心是诚恳的,她的悸动是对喜欢与爱的本能。 遇到喜欢的...
    妖魔赴宴阅读 386评论 0 0