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/ ...
随机推荐
- Access数据库连接方式
网络连接:Provider=Microsoft.ACE.OLEDB.12.0;Data Source=\\server\share\folder\myAccessFile.accdb;标准安全:Pro ...
- 使用eclipse和maven生成java web程序war包
一.eclipse中,在需要打包的项目名上右击,然后把鼠标光标指向弹出框中的“run as”: 二.之后会看到在这个弹出框的右侧会出现一个悬浮窗,如下: 三.在上边的第二个悬浮窗鼠标点击“maven ...
- NeHe OpenGL教程 第四十四课:3D光晕
转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...
- jsPlumb
官网:https://jsplumbtoolkit.com GitHub:https://github.com/sporritt/jsplumb/ 初始化 jsPlumb只有等到DOM初始化完成之后才 ...
- activity属性_ _activity 属性说明
activity是android中使用非常平凡的一种组件,我们除了需要掌握activity中的生命周期以外,还需要掌握activity中的其 他设置. 1.activity 中主题的设置 andr ...
- html_
============= 博客大全: 脚本之家:http://www.jb51.net/list/list_233_104.htm 红黑联盟: http://www.2cto.com/kf/yid ...
- cookie和会话状态的工作原理
一:存在两种类型的cookie: 1>会话cookie (session cookie) 不设置过期时间,则表示这个cookie生命周期为浏览器会话期间,只要关闭浏览器窗口, ...
- 项目中用到的logback列子
<?xml version="1.0" encoding="UTF-8"?> <configuration> <appender ...
- 设置presentVC跟PushVC一样的效果即从右到左的动画
SettingViewController *VC = [[SettingViewControlleralloc]init]; VC.view.backgroundColor = [UIColorwh ...
- Python基础05 缩进和选择
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 缩进 Python最具特色的是用缩进来标明成块的代码.我下面以if选择结构来举例. ...