JavaScript常用事件
|
一般事件 |
||
|
事件 |
浏览器支持 |
描述 |
|
onClick |
HTML: 2 | 3 | 3.2 | 4 |
鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 |
|
onDblClick |
HTML: 2 | 3 | 3.2 | 4 |
鼠标双击事件 |
|
onMouseDown |
HTML: 2 | 3 | 3.2 | 4 |
鼠标上的按钮被按下了 |
|
onMouseUp |
HTML: 2 | 3 | 3.2 | 4 |
鼠标按下后,松开时激发的事件 |
|
onMouseOver |
HTML: 2 | 3 | 3.2 | 4 |
当鼠标移动到某对象范围的上方时触发的事件 |
|
onMouseMove |
HTML: 2 | 3 | 3.2 | 4 |
鼠标移动时触发的事件 |
|
onMouseOut |
HTML: 2 | 3 | 3.2 | 4 |
当鼠标离开某对象范围时触发的事件 |
|
onKeyPress |
HTML: 2 | 3 | 3.2 | 4 |
当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] |
|
onKeyDown |
HTML: 2 | 3 | 3.2 | 4 |
当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] |
|
onKeyUp |
HTML: 2 | 3 | 3.2 | 4 |
当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] |
|
页面相关事件 |
||
|
事件 |
浏览器支持 |
描述 |
|
onAbort |
HTML: 2 | 3 | 3.2 | 4 |
图片在下载时被用户中断 |
|
onBeforeUnload |
HTML: 2 | 3 | 3.2 | 4 |
当前页面的内容将要被改变时触发的事件 |
|
onError |
HTML: 2 | 3 | 3.2 | 4 |
捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 |
|
onLoad |
HTML: 2 | 3 | 3.2 | 4 |
页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成 |
|
onMove |
HTML: 2 | 3 | 3.2 | 4 |
浏览器的窗口被移动时触发的事件 |
|
onResize |
HTML: 2 | 3 | 3.2 | 4 |
当浏览器的窗口大小被改变时触发的事件 |
|
onScroll |
HTML: 2 | 3 | 3.2 | 4 |
浏览器的滚动条位置发生变化时触发的事件 |
|
onStop |
HTML: 2 | 3 | 3.2 | 4 |
浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 |
|
onUnload |
HTML: 2 | 3 | 3.2 | 4 |
当前页面将被改变时触发的事件 |
|
表单相关事件 |
||
|
事件 |
浏览器支持 |
描述 |
|
onBlur |
HTML: 2 | 3 | 3.2 | 4 |
当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] |
|
onChange |
HTML: 2 | 3 | 3.2 | 4 |
当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可] |
|
onFocus |
HTML: 2 | 3 | 3.2 | 4 |
当某个元素获得焦点时触发的事件 |
|
onReset |
HTML: 2 | 3 | 3.2 | 4 |
当表单中RESET的属性被激发时触发的事件 |
|
onSubmit |
HTML: 2 | 3 | 3.2 | 4 |
一个表单被递交时触发的事件 |
|
滚动字幕事件 |
||
|
事件 |
浏览器支持 |
描述 |
|
onBounce |
HTML: 2 | 3 | 3.2 | 4 |
在Marquee内的内容移动至Marquee显示范围之外时触发的事件 |
|
onFinish |
HTML: 2 | 3 | 3.2 | 4 |
当Marquee元素完成需要显示的内容后触发的事件 |
|
onStart |
HTML: 2 | 3 | 3.2 | 4 |
当Marquee元素开始显示内容时触发的事件 |
|
编辑事件 |
||
|
事件 |
浏览器支持 |
描述 |
|
onBeforeCopy |
HTML: 2 | 3 | 3.2 | 4 |
当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 |
|
onBeforeCut |
HTML: 2 | 3 | 3.2 | 4 |
当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件 |
|
onBeforeEditFocus |
HTML: 2 | 3 | 3.2 | 4 |
当前元素将要进入编辑状态 |
|
onBeforePaste |
HTML: 2 | 3 | 3.2 | 4 |
内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 |
|
onBeforeUpdate |
HTML: 2 | 3 | 3.2 | 4 |
当浏览者粘贴系统剪贴板中的内容时通知目标对象 |
|
onContextMenu |
HTML: 2 | 3 | 3.2 | 4 |
当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了] |
|
onCopy |
HTML: 2 | 3 | 3.2 | 4 |
当页面当前的被选择内容被复制后触发的事件 |
|
onCut |
HTML: 2 | 3 | 3.2 | 4 |
当页面当前的被选择内容被剪切时触发的事件 |
|
onDrag |
HTML: 2 | 3 | 3.2 | 4 |
当某个对象被拖动时触发的事件 [活动事件] |
|
onDragDrop |
HTML: 2 | 3 | 3.2 | 4 |
一个外部对象被鼠标拖进当前窗口或者帧 |
|
onDragEnd |
HTML: 2 | 3 | 3.2 | 4 |
当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了 |
|
onDragEnter |
HTML: 2 | 3 | 3.2 | 4 |
当对象被鼠标拖动的对象进入其容器范围内时触发的事件 |
|
onDragLeave |
HTML: 2 | 3 | 3.2 | 4 |
当对象被鼠标拖动的对象离开其容器范围内时触发的事件 |
|
onDragOver |
HTML: 2 | 3 | 3.2 | 4 |
当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件] |
|
onDragStart |
HTML: 2 | 3 | 3.2 | 4 |
当某对象将被拖动时触发的事件 |
|
onDrop |
HTML: 2 | 3 | 3.2 | 4 |
在一个拖动过程中,释放鼠标键时触发的事件 |
|
onLoseCapture |
HTML: 2 | 3 | 3.2 | 4 |
当元素失去鼠标移动所形成的选择焦点时触发的事件 |
|
onPaste |
HTML: 2 | 3 | 3.2 | 4 |
当内容被粘贴时触发的事件 |
|
onSelect |
HTML: 2 | 3 | 3.2 | 4 |
当文本内容被选择时的事件 |
|
onSelectStart |
HTML: 2 | 3 | 3.2 | 4 |
当文本内容选择将开始发生时触发的事件 |
|
数据绑定 |
||
|
事件 |
浏览器支持 |
描述 |
|
onAfterUpdate |
HTML: 2 | 3 | 3.2 | 4 |
当数据完成由数据源到对象的传送时触发的事件 |
|
onCellChange |
HTML: 2 | 3 | 3.2 | 4 |
当数据来源发生变化时 |
|
onDataAvailable |
HTML: 2 | 3 | 3.2 | 4 |
当数据接收完成时触发事件 |
|
onDatasetChanged |
HTML: 2 | 3 | 3.2 | 4 |
数据在数据源发生变化时触发的事件 |
|
onDatasetComplete |
HTML: 2 | 3 | 3.2 | 4 |
当来子数据源的全部有效数据读取完毕时触发的事件 |
|
onErrorUpdate |
HTML: 2 | 3 | 3.2 | 4 |
当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件 |
|
onRowEnter |
HTML: 2 | 3 | 3.2 | 4 |
当前数据源的数据发生变化并且有新的有效数据时触发的事件 |
|
onRowExit |
HTML: 2 | 3 | 3.2 | 4 |
当前数据源的数据将要发生变化时触发的事件 |
|
onRowsDelete |
HTML: 2 | 3 | 3.2 | 4 |
当前数据记录将被删除时触发的事件 |
|
onRowsInserted |
HTML: 2 | 3 | 3.2 | 4 |
当前数据源将要插入新数据记录时触发的事件 |
|
外部事件 |
||
|
事件 |
浏览器支持 |
描述 |
|
onAfterPrint |
HTML: 2 | 3 | 3.2 | 4 |
当文档被打印后触发的事件 |
|
onBeforePrint |
HTML: 2 | 3 | 3.2 | 4 |
当文档即将打印时触发的事件 |
|
onFilterChange |
HTML: 2 | 3 | 3.2 | 4 |
当某个对象的滤镜效果发生变化时触发的事件 |
|
onHelp |
HTML: 2 | 3 | 3.2 | 4 |
当浏览者按下F1或者浏览器的帮助选择时触发的事件 |
|
onPropertyChange |
HTML: 2 | 3 | 3.2 | 4 |
当对象的属性之一发生变化时触发的事件 |
|
onReadyStateChange |
HTML: 2 | 3 | 3.2 | 4 |
当对象的初始化属性值发生变化时触发 |
JavaScript常用事件的更多相关文章
- BOM之JavaScript常用事件
body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...
- javascript——常用事件总结
Event对象:Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件标签属性 当以下情况发生时,出现此事件 onabort 图像加载被中断 ...
- JavaScript常用事件参考
onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档 ...
- javascript常用事件及方法
1.获取鼠标坐标,考虑滚动条拖动 var e = event || window.event; var scrollX = document.documentElement.scrollLeft || ...
- javascript之常用事件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JavaScript基础之常用事件
js 基础之常用事件 在js当中,事件是较为常用的内容,本篇文章来说一些常用的事件. 鼠标事件 下面是常用的鼠标事件: click 当用户按下并释放鼠标按键或其他方式"激活"元素时 ...
- Javascript中常用事件集合和事件使用方法
Javascript中常用事件集合和事件使用方法 一.事件绑定 格式: 事件源 . on事件类型=事件处理函数 事件绑定三要素 1.事件源:和谁绑定 2.事件类型:什么事件 3.事件处理函数:触发了要 ...
- javaScript入门之常用事件
JS中的常用事件 onfocus/onblur:聚焦离焦事件,用于表单校验的时候比较合适. onclick/ondblclick:鼠标单击和双击事件 onkeydown/onkeypress:搜索引擎 ...
- jQuery $(document).ready()和JavaScript onload事件
jQuery $(document).ready()和JavaScript onload事件 Why we need a right time? 对元素的操作和事件的绑定需要等待一个合适的时机,可以看 ...
随机推荐
- JQuery学习(1)
JQuery学前准备 JQuery的各种包: 1.jquery-ui(包含小工具及组件) 2.jquery-1.7.1.intellisense.js(智能提示包) 3.jquery-1.7.1.js ...
- 【CodeForces 621B】Wet Shark and Bishops
题 题意 1000*1000的格子里,给你n≤200 000个点的坐标,求有多少对在一个对角线上. 分析 如果求每个点有几个共对角线的点,会超时. 考虑到对角线总共就主对角线1999条+副对角线199 ...
- 【HDU 1228】A + B
题 Description 读入两个小于100的正整数A和B,计算A+B. 需要注意的是:A和B的每一位数字由对应的英文单词给出. Input 测试输入包含若干测试用例,每个测试用例占一行,格式 ...
- 代码重构-3 用Tuple代替 out与ref
返回单一值是良好的编程习惯 原代码: public LotteryViewModel ValidateLottery(LotteryBaseData baseData, int authTime, o ...
- C语言时间函数
#include "time.h" #include "stdio.h" #include "stdlib.h" int main() { ...
- 一个简单例子:贫血模型or领域模型
转:一个简单例子:贫血模型or领域模型 贫血模型 我们首先用贫血模型来实现.所谓贫血模型就是模型对象之间存在完整的关联(可能存在多余的关联),但是对象除了get和set方外外几乎就没有其它的方法,整个 ...
- Swift翻译之-关于Swift
IMPORTANT 重要的 This is a preliminary document for an API or technology in development. Apple is suppl ...
- 修改shell 将当前shell(默认是bash B SHELL )改为csh C SHELL
在修改当前shell时,用命令: usermod -s /bin/csh home home 为 你所想要改变的用户地址 此处home 为家目录,一般自己创建的用户都会在家目录 ...
- 我的css释疑-float line-height inline-block vertical-align
markdown的图片和链接格式相类似: [链接文字/图片的alt text] (链接地址/ 图片的地址), 只是图片要在前面加上感叹号! 当内容中含有图片的时候,如果图片的高度大于行高,则含有图片 ...
- LDA(Linear discriminate analysis)线性判别分析
LDA 线性判别分析与Fisher算法完全不同 LDA是基于最小错误贝叶斯决策规则的. 在EMG肌电信号分析中,... 未完待续:.....