JavaScript事件小结
我们都晓得JavaScrip事件的重要性,所以下面小结一下以备后用!
| 序号 | 事件 | 描述 | 备注 |
| onclick | 鼠标点击某个对象时触发此事件 | 是最常用的事件之一 | |
| onchange | 用户改变域的内容时触发此事件 | ||
| onselect | 文本被选定时触发此事件 | 当select下来菜单选项中的状态改变的时候也能触发此事件,而且这个这中情况也比较常用! | |
| onfocus | 元素获得焦点时触发此事件 | 此事件也是最常用的事件之一 | |
| onload | 某个页面或图像被完成加载时触发此事件 | 当网页加载完毕时,触发此事件,也是最常使用的事件之一,常用于当网页加载完毕后在网页中首先做的一些事情,比如:广告动画效果等等 | |
| 6 | onunload | 用户退出页面时触发此事件 | 也是常常使用的事件之一,常常用于当退出网页时或者关闭浏览器窗口的时侯做的一些事情,比如:弹出窗口问是否退出或其他事情 |
| onblur | 元素失去焦点时触发此事件 | 最常使用的事件之一,常常用于表单等的验证情况 | |
| onmouseover | 鼠标被移到某元素之上时触发此事件 | 最常使用的事件之一,常常用于改变图片/文字等的样式 | |
| onmouseout | 鼠标从某元素移开时触发此事件 | 最常使用的事件之一,常常用于改变图片/文字等的样式 | |
| 10 | ondblclick | 鼠标双击某个对象时触发此事件 | |
| 11 | onmousedown | 按下鼠标时触发此事件 | |
| 12 | onmouseup | 鼠标按下后松开鼠标时触发此事件 | |
| onkeyup | 当键盘上某个按键被放开时时触发此事件 | 常常使用的事件之一,常常用于改变表单中的内容,比如:将所输入的字母从小写转为大写等 | |
| 14 | onkeydown | 当键盘上某个按键被按下时时触发此事件 | |
| 15 | onkeypress | 当键盘上某个按键被按下并且释放时时触发此事件 | |
| 16 | onabort | 图片在下载时被用户中断时触发此事件 | |
| 17 | onbeforeunload | 当前页面的内容将要被改变时时触发此事件 | |
| 18 | onerror | 出现错误时时触发此事件 | |
| 19 | onmove | 浏览器窗口被移动时时触发此事件 | |
| 20 | onresize | 当浏览器的窗口大小被改变时时触发此事件 | |
| 21 | onscroll | 浏览器的滚动条位置发生变化时时触发此事件 | |
| 22 | onstop | 浏览器的“停止”按钮被按下或者正在下载的文件被中断时时触发此事件 | |
| onreset | 当表单的reset属性被激发时触发事件 | ||
| onsubmit | 一个表单被递交时时触发此事件 | ||
| 25 | onbounce | 当Marquee内的内容移动至Marquee显示范围之外时触发此事件 | |
| 26 | onfinish | 当Marquee元素完成需要显示的内容后触发此事件 | |
| 27 | onstart | 当Marquee元素开始显示内容时触发此事件 | |
| 28 | onbeforecopy | 当页面当前的被选择内容将要复制到浏览者的系统剪贴板前触发此事件 | |
| 29 | onbeforecut | 当页面中的一部分或者全部的内容将被移离当前页面剪切并移动到浏览者的系统剪贴板时时触发此事件 | |
| 30 | onbeforeeditfocus | 当前元素将要进入编辑状态时触发此事件 | |
| 31 | onbeforepaste | 内容将要从浏览者的系统剪贴板粘贴到网页中时触发此事件 | |
| 32 | onbeforeupdate | 当浏览者粘贴系统剪贴板中的内容时通知目标对象 | |
| oncontextmenu | 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发此事件 | ||
| 34 | oncopy | 当页面当前的被选择内容被复制后触发此事件 | |
| 35 | oncut | 当页面当前的被选择内容被剪切时触发此事件 | |
| 36 | ondrag | 当某个对象被拖动时触发此事件 | |
| 37 | ondragdrop | 一个外部对象被拖进当前窗口或者帧时触发此事件 | |
| 38 | ondragend | 当鼠标拖动结束时触发此事件,也就是鼠标被释放时 | |
| 39 | ondragenter | 当对象被鼠标拖动的对象进入其容器范围内时触发此事件 | |
| 40 | ondragleave | 当对象被鼠标拖动的对象离开其容器范围内时触发此事件 | |
| 41 | ondragover | 当某被拖动的对象在另一个对象容器范围内时触发此事件 | |
| 42 | ondragstart | 当某对象将被拖动时触发此事件 | |
| 43 | ondrop | 在一个拖动过程中,释放鼠标时触发此事件 | |
| 44 | onlosecapture | 当元素失去鼠标移动所形成的选择焦点时触发此事件 | |
| 45 | onpaste | 当内容被粘贴时触发此事件 | |
| 46 | onselectstart | 当文本内容选择将开始发生时触发此事件 | |
| 47 | onafterupdate | 当数据完成由数据源到对象的传送时触发此事件 | |
| 48 | oncellchange | 当数据来源发生变化时触发此事件 | |
| 49 | ondataavailable | 当数据接收完成时触发此事件 | |
| 50 | ondatasetchanged | 数据在数据源发生变化时触发此事件 | |
| 51 | ondatasetcomplete | 当来自数据源的全部有效数据读取完毕时触发此事件 | |
| 52 | onerrorupdate | 当使用onbefreupdate时间触发取消了数据传送时,代替onafterupdate事件 | |
| 53 | onrowenter | 当前数据源的数据发生变化并且有新的有效数据时触发此事件 | |
| 54 | onrowexit | 当前数据源的数据将要发生变化时触发此事件 | |
| 55 | onrowsdelete | 当前数据记录被删除时触发此事件 | |
| 56 | onafterprint | 当文档被打印后触发此事件 | |
| 67 | onrowsinserted | 当前数据源将要插入新数据记录时触发此事件 | |
| 58 | onbeforeprint | 当文档即将打印时触发此事件 | |
| 59 | onfilterchange | 当某个对象的滤镜效果发生变化时触发此事件 | |
| 60 | onhelp | 当浏览者按下F1键或者浏览器的帮助选择时触发此事件 | |
| 61 | onpropertychange | 当对象的属性之一发生变化时触发此事件 | |
| 62 | onreadystatechange | 当对象的初始化属性值放生变化时触发此事件 | |
| 63 | onmousemove | 鼠标移动时触发此事件 |
JavaScript事件小结的更多相关文章
- javascript事件小结(事件处理程序方式)--javascript高级程序设计笔记
1.事件流:描述的是从页面中接收事件的顺序. 2.事件冒泡:IE的事件流叫做事件冒泡,即事件开始从具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到不具体的节点(文档). 3.事件捕获 ...
- JavaScript事件详解-jQuery的事件实现(三)
正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...
- JavaScript事件代理和委托(Delegation)
JavaScript事件代理 首先介绍一下JavaScript的事件代理.事件代理在JS世界中一个非常有用也很有趣的功能.当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委 ...
- JavaScript事件概览
JavaScript事件 JavaScript是单线程,在同一个时间点,不可能同时运行两个"控制线程". 事件句柄和事件对象 1.注册事件句柄 标准和非标准 var button= ...
- 【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容)
前言 这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高 如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获 在下才疏学浅, ...
- JavaScript 事件
事件 概念:事件是可以被 JavaScript 侦测到的行为. JavaScript 使我们有能力创建动态页面.事件是可以被 JavaScript 侦测到的行为. 网页中的每个元素都可以产生某些可以触 ...
- JavaScript事件详解-Zepto的事件实现(二)【新增fastclick阅读笔记】
正文 作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神 ...
- 总结JavaScript事件机制
JavaScript事件模型 在各种浏览器中存在三种事件模型: 原始事件模型 , DOM2事件模型 , IE事件模型. 其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE ...
- 解析Javascript事件冒泡机制
本资源引自: 解析Javascript事件冒泡机制 - 我的程序人生 - 博客频道 - CSDN.NET http://blog.csdn.net/luanlouis/article/details/ ...
随机推荐
- C语言每日一题之No.5
总在想,但凡编程基础正常点,都不至于惨败到这个地步.也像大多数人毕业出来,新鲜的第一份工作,如果做得好还可以略有成就感,做得一般还有提升的空间,但至少不至于像我这样基本没基础的被鄙视得一塌糊涂,被外界 ...
- 使用eclipse创建java程序可执行jar包
一.eclipse中,在要打成jar包的项目名上右击,出现如下弹出框,选择“export”: 二.在接下来出现的界面中点击“jar file”,然后next: 三.在接下来出现的界面中,如图所示勾选上 ...
- 【转】 SQL 2005 try catch
1 TRY…CATCH 1.1 用法 TRY…CATCH的语法如下: BEGIN TRY -- TRY 模块 -- 业务处理 END TRY BEGIN CATCH -- CATC ...
- Accounting_权责发生制和收付实现值的区别(概念)
2014-07-11 BaoXinjian
- python (3)简单语法:字符串(strip函数),数据类型
一:字符串重复,索引,切片(字符串命令strip) 函数原型strip 声明:s为字符串,rm为要删除的字符序列 s.strip(rm) 删除s字符串中开头.结尾处,位于 rm删除序列的 ...
- Spring中的AOP应用
AOP被称为面向切面编程,AOP中的几个重要概念是: 1.切面.切面就是要实现的功能.切面通常是在多数方法中会用到的相同功能,如写日志. 2.连接点.连接点就是应用程序执行过程中插入切面的地点.如:方 ...
- Jmeter+jenkins接口性能测试平台实践整理(二)
本篇为Jmeter+jenkins+Ant方式执行性能测试 1.设置JDK,ANT环境变量: 2.build.xml文件: <?xml version="1.0" encod ...
- 从0到1搭建移动App功能自动化测试平台(0):背景介绍和平台规划
本文作者: 伯乐在线 - debugtalk .未经作者许可,禁止转载!欢迎加入伯乐在线 专栏作者. 转载地址:http://blog.jobbole.com/101221/ 背景 最近新加入DJI的 ...
- Liferay中actionURL能够执行后台方法 ,但是页面不跳转问题解决方案
在学习liferay的过程中,遇到了这么一个问题,actionURL能够执行后台方法 ,但是页面不跳转,以下是两种解决方案: 方案1(不推荐此种办法): 强制将页面重定向. 在actionURL执行的 ...
- [ActionScript 3.0] Away3D 官网实例
/* Dynamic tree generation and placement in a night-time scene Demonstrates: How to create a height ...