JS基础知识:Javascript事件触发列表
Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言。
JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为,Javascript事件像HTML标签的属性一样使用,事件是发生在HTML元素上的某些行为,如什么时候被点击了或者什么时候失去焦点。

网页中的每个元素都可以产生某些可以触发JavaScript函数的事件,比方说,我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。所以,这就需要我们程序员熟练的掌握JavaScript事件了,在此,我就借助马海祥博客的平台跟大家分享一份javascript事件触发列表,以方便各位博友查阅:
| javascript事件触发列表 | |||
| 事件 | 浏览器支持 | 触发解说 | |
| 一般事件 | onclick | IE3、N2 | 鼠标点击时触发此事件 |
| ondblclick | IE4、N4 | 鼠标双击时触发此事件 | |
| onmousedown | IE4、N4 | 按下鼠标时触发此事件 | |
| onmouseup | IE4、N4 | 鼠标按下后松开鼠标时触发此事件 | |
| onmouseover | IE3、N2 | 当鼠标移动到某对象范围的上方时触发此事件 | |
| onmousemove | IE4、N4 | 鼠标移动时触发此事件 | |
| onmouseout | IE4、N3 | 当鼠标离开某对象范围时触发此事件 | |
| onkeypress | IE4、N4 | 当键盘上的某个键被按下并且释放时触发此事件. | |
| onkeydown | IE4、N4 | 当键盘上某个按键被按下时触发此事件 | |
| onkeyup | IE4、N4 | 当键盘上某个按键被按放开时触发此事件 | |
| 页面相关事件 | onabort | IE4、N3 | 图片在下载时被用户中断 |
| onbeforeunload | IE4、N | 当前页面的内容将要被改变时触发此事件 | |
| onerror | IE4、N3 | 出现错误时触发此事件 | |
| onload | IE3、N2 | 页面内容完成时触发此事件 | |
| onmove | IE、N4 | 浏览器的窗口被移动时触发此事件 | |
| onresize | IE4、N4 | 当浏览器的窗口大小被改变时触发此事件 | |
| onscroll | IE4、N | 浏览器的滚动条位置发生变化时触发此事件 | |
| onstop | IE5、N | 浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断 | |
| onunload | IE3、N2 | 当前页面将被改变时触发此事件 | |
| 表单相关事件 | onblur | IE3、N2 | 当前元素失去焦点时触发此事件 |
| onchange | IE3、N2 | 当前元素失去焦点并且元素的内容发生改变而触发此事件 | |
| onfocus | IE3 N2 | 当某个元素获得焦点时触发此事件 | |
| onreset | IE4 N3 | 当表单中RESET的属性被激发时触发此事件 | |
| onsubmit | IE3 N2 | 一个表单被递交时触发此事件 | |
| 滚动字幕事件 | onbounce | IE4、N | 在Marquee内的内容移动至Marquee显示范围之外时触发此事件 |
| onfinish | IE4、N | 当Marquee元素完成需要显示的内容后触发此事件 | |
| onstart | IE4、 N | 当Marquee元素开始显示内容时触发此事件 | |
| 编辑事件 | onbeforecopy | IE5、N | 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件 |
| onbeforecut | IE5、 N | 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件 | |
| onbeforeeditfocus | IE5、N | 当前元素将要进入编辑状态 | |
| onbeforepaste | IE5、 N | 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件 | |
| onbeforeupdate | IE5、 N | 当浏览者粘贴系统剪贴板中的内容时通知目标对象 | |
| oncontextmenu | IE5、N | 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 | |
| oncopy | IE5、N | 当页面当前的被选择内容被复制后触发此事件 | |
| oncut | IE5、N | 当页面当前的被选择内容被剪切时触发此事件 | |
| ondrag | IE5、N | 当某个对象被拖动时触发此事件 [活动事件] | |
| ondragdrop | IE、N4 | 一个外部对象被鼠标拖进当前窗口或者帧 | |
| ondragend | IE5、N | 当鼠标拖动结束时触发此事件,即鼠标的按钮被释放了 | |
| ondragenter | IE5、N | 当对象被鼠标拖动的对象进入其容器范围内时触发此事件 | |
| ondragleave | IE5、N | 当对象被鼠标拖动的对象离开其容器范围内时触发此事件 | |
| ondragover | IE5、N | 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 | |
| ondragstart | IE4、N | 当某对象将被拖动时触发此事件 | |
| ondrop | IE5、N | 在一个拖动过程中,释放鼠标键时触发此事件 | |
| onlosecapture | IE5、N | 当元素失去鼠标移动所形成的选择焦点时触发此事件 | |
| onpaste | IE5、N | 当内容被粘贴时触发此事件 | |
| onselect | IE4、N | 当文本内容被选择时的事件 | |
| onselectstart | IE4、N | 当文本内容选择将开始发生时触发的事件 | |
| 数据绑定 | onafterupdate | IE4、N | 当数据完成由数据源到对象的传送时触发此事件 |
| oncellchange | IE5、N | 当数据来源发生变化时 | |
| ondataavailable | IE4、N | 当数据接收完成时触发事件 | |
| ondatasetchanged | IE4、N | 数据在数据源发生变化时触发的事件 | |
| ondatasetcomplete | IE4、N | 当来子数据源的全部有效数据读取完毕时触发此事件 | |
| onerrorupdate | IE4、N | 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件 | |
| onrowenter | IE5、N | 当前数据源的数据发生变化并且有新的有效数据时触发的事件 | |
| onrowexit | IE5、N | 当前数据源的数据将要发生变化时触发的事件 | |
| onrowsdelete | IE5、N | 当前数据记录将被删除时触发此事件 | |
| onrowsinserted | IE5、N | 当前数据源将要插入新数据记录时触发此事件 | |
| 外部事件 | onafterprint | IE5、N | 当文档被打印后触发此事件 |
| onbeforeprint | IE5、N | 当文档即将打印时触发此事件 | |
| onfilterchange | IE4、N | 当某个对象的滤镜效果发生变化时触发的事件 | |
| onhelp | IE4、N | 当浏览者按下F1或者浏览器的帮助选择时触发此事件 | |
| onpropertychange | IE5、N | 当对象的属性之一发生变化时触发此事件 | |
| onreadystatechange | IE4、N | 当对象的初始化属性值发生变化时触发此事件 | |
JS基础知识:Javascript事件触发列表的更多相关文章
- Node.js基础知识
Node.js入门 Node.js Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...
- 网站开发进阶(十五)JS基础知识充电站
JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...
- 背水一战 Windows 10 (75) - 控件(控件基类): FrameworkElement - 基础知识, 相关事件, HorizontalAlignment, VerticalAlignment
[源码下载] 背水一战 Windows 10 (75) - 控件(控件基类): FrameworkElement - 基础知识, 相关事件, HorizontalAlignment, Vertical ...
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- NodeJs>------->>第三章:Node.js基础知识
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info 方法 console.log(" node app1.js 1> ...
- JS基础知识笔记
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...
- js基础知识温习:Javascript中如何模拟私有方法
本文涉及的主题虽然很基础,在很多人眼里属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题.这里会涉及到对象属性的封装.原型.构造函数.闭包以及立即执行表达式等知识. 公有方法 公有方法 ...
- 前端JS基础知识
1. 原型 / 构造函数 / 实例 原型(prototype): 一个简单的对象,用于实现对象的 属性继承.可以简单的理解成对象的爹.在 Firefox 和 Chrome 中,每个JavaScript ...
随机推荐
- 【贪心】时空定位II
[贪心]时空定位II 题目描述 有一块空间,横向长w,纵向长为h,在它的横向中心线上不同位置处装有n(n≤10000)个点状的定位装置,每个定位装置i定位的效果是让以它为中心半径为Ri的圆都被覆盖.请 ...
- '-[UIViewController _loadViewFromNibNamed:bundle:] loaded the "AttentionController" nib but the view outlet was not set.'
问题出现原因: 先创建控制器的.h与.m文件,后来创建了相应的xib文件,运行后出现这个问题. 解决办法:
- HDU 1527 取石子游戏(威佐夫博弈)
基础威佐夫博弈,判断奇异局势即可,判断方式为k为两数之差绝对值,(sqrt(5) + 1) / 2 * k若等于两数小者则为奇异局势,也就是必败态. #include<stdio.h> # ...
- 最完整的自动化测试流程:Python编写执行测试用例及定时自动发送最新测试报告邮件
今天笔者就要归纳总结下一整套测试流程,从无到有,实现零突破,包括如何编写测试用例,定时执行测试用例,查找最新生成的测试报告文件,自动发送最新测试报告邮件,一整套完整的测试流程.以后各位只要着重如何编写 ...
- android4.0 的图库Gallery2代码分析(三) 之Applition的初始化准备
Applition的初始化准备 图库的一切动作都明显地起源于Application.这是区别与其他那种感觉不到Application存在,仅仅感觉到Activity存在的简单应用的一个特点. 图库的a ...
- 《JavaScript语言精髓与编程实践》读书笔记
JavaScript语言精髓与编程实践读书笔记 function v1(v1){ v1 = 100; alert('v1:'+v1); } function v2(name){ v1.apply(th ...
- Android学习笔记之Intent(2)
打开网页 package com.jiahemeikang.helloandroid; import java.io.File; import com.jiahemikang.service.Echo ...
- Scratch2.0例—接苹果
Scratch2.0例—接苹果 [教学目标] 1. 学习例子,能用和构造条件 ,并把此条件插入到 中:能理解和应用,当条件成立时,不执行积木内的脚本. 2. 对比和 两个积木:前者用于无条件的重复执行 ...
- offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对 ...
- Xcode7 免证书真机测试
Xcode很早就有个免证书测试,今天我自己也测试了一把,还是挺好用的,接下来,我就说一下我的大体过程: 注意:一定要让你的真机设备的系统版本和app的系统版本想对应,如果不对应就会出现一个很常见的问题 ...