关于js里的那一堆事件
| 分类 | 事件名 | 触发描述 |
| 一般事件 | onclick | 鼠标点击事件 |
| ondbclick | 鼠标双击事件 | |
| onmousedown/up | 鼠标按下/松开事件 | |
| onmouseover/move/out | 鼠标悬浮/经过/离开事件 | |
| onkeypress/down/up | 某按键按下并释放/按下/释放事件 | |
| 页面相关事件 | onabort | 图片下载中断 |
| onbeforeunload | 页面将要改变时触发此事件 | |
| onerror | 出现错误触发此事件 | |
| onload | 页面完成时触发事件 | |
| onmove | 窗口移动事件 | |
| onresize | 窗口大小改变触发事件 | |
| onscroll | 滚动条位置变化事件 | |
| onstop | 浏览器停止按钮或文件下载中断事件 | |
| onunload | 当前页面将被改变触发事件 | |
| 表单事件 | onblur | 当前元素失去焦点 |
| onchange | 元素失去焦点并元素值被改变 | |
| onfocus | 获得焦点事件 | |
| onreset | 表单reset属性被激发 | |
| onsubmit | 表单被递交时触发事件 | |
| 滚动字幕事件(不合W3C标准) | onbounce | Marquee内容移动至Marquee外触发事件 |
| onfinish | marquee元素全部显示触发事件 | |
| onstatr | marquee开始显示内容事件 | |
| 编辑事件 | onbeforecopy | 复制之前触发 |
| onbeforecut | 剪切之前触发 | |
| onbeforeeditfocus | 元素将要进入编辑状态 | |
| onbeforepaste | 粘贴之前触发 | |
| onbeforeupdate | 粘贴剪贴板内容时通知目标对象 | |
| oncontextmenu | 按下右键出现菜单 | |
| oncopy | 复制后触发事件 | |
| oncut | 剪切后触发事件 | |
| ondrag | 对象被拖动触发事件 | |
| ondragdrop | 外部对象被拖进窗口触发事件 | |
| ondragend | 鼠标拖动结束后触发事件 | |
| ondragenter | 鼠标拖动对象进入容器范围触发事件 | |
| ondragleave | 拖动对象离开 | |
| ondragover | 当某被拖动对象在另一对象容器范围内拖动触发事件 | |
| ondragstart | 当对象被拖动时触发事件 | |
| ondrop | 拖动过程中释放鼠标触发事件 | |
| onlosecapture | 当元素失去鼠标移动所形成的选择焦点时触发此事件 | |
| onpaste | 当内容被粘贴时触发事件 | |
| onselect | 当文本内容被选择时触发此事件 | |
| onselectstart | 当文本内容选择开始发生时触发的事件 | |
| 外部事件 | onafter | 文档打印触发事件 |
| onbeforeprint | 文档打印时触发事件 | |
| onfilterchange | 滤镜效果发生变换触发事件 | |
| onhelp | 按下F1或者浏览器的帮助按钮时触发事件 | |
| onpropertychange | 当对象的任一属性改变触发事件 | |
| onreadystatechange | 当初始化属性值改变时触发事件 |
本文整理自麦子学院的web课程视频,手打错误请评论指正
关于js里的那一堆事件的更多相关文章
- JS里的onclick事件
可以通过以下代码了解JS里的onclick事件: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&quo ...
- js里的发布订阅模式及vue里的事件订阅实现
发布订阅模式(观察者模式) 发布订阅模式的定义:它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知. 发布订阅模式在JS中最常见的就是DOM的事件绑定与触发 ...
- 理解 Node.js 里的 process.nextTick()
有很多人对Node.js里process.nextTick()的用法感到不理解,下面我们就来看一下process.nextTick()到底是什么,该如何使用. Node.js是单线程的,除了系统IO之 ...
- JS移动客户端--触屏滑动事件 banner图效果
JS移动客户端--触屏滑动事件 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的t ...
- Js学习笔记一(鼠标事件.....)
1.encodeURI与decodeURI()转化url为有效的url(能被识别) Url="http://news.baidu.com/p.php?id='测试'&姓名=hkui& ...
- js this详解,事件的三种绑定方式
this,当前触发事件的标签 在绑定事件中的三种用法: a. 直接HTML中的标签里绑定 onclick="fun1()"; b. 先获取Dom对象,然后利用dom对象在js里绑定 ...
- js中 关于DOM的事件操作
一.JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象 ...
- Ext JS学习第十六天 事件机制event(一) DotNet进阶系列(持续更新) 第一节:.Net版基于WebSocket的聊天室样例 第十五节:深入理解async和await的作用及各种适用场景和用法 第十五节:深入理解async和await的作用及各种适用场景和用法 前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G
code&monkey Ext JS学习第十六天 事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件 ...
- Node.js event loop 和 JS 浏览器环境下的事件循环的区别
Node.js event loop 和 JS 浏览器环境下的事件循环的区别: 1.线程与进程: JS 是单线程执行的,指的是一个进程里只有一个主线程,那到底什么是线程?什么是进程? 进程是 CPU ...
随机推荐
- MySQL集群读写分离的自定义实现
基于MySQL Router可以实现高可用,读写分离,负载均衡之类的,MySQL Router可以说是非常轻量级的一个中间件了.看了一下MySQL Router的原理,其实并不复杂,原理也并不难理解, ...
- 初识orm
初识orm 一.什么是orm 介绍 ORM: 对象关系映射 将随对象映射成 数据表中的鱼跳跳记录 类--->表名 对象--->记录 对象.属性--->字段 # 演示映射关系 ''' ...
- pytest系列(一):什么是单元测试界的高富帅?
pytest是python语言中一款强大的单元测试框架,用来管理和组织测试用例,可应用在单元测试.自动化测试工作中. unittest也是python语言中一款单元测试框架,但是功能有限,没有pyte ...
- Cisdem OCRWizard for Mac 使用教程
Cisdem OCRWizard for Mac是一款macOS平台的的文件识别软件,可以对任何PDF.扫描文件或图像文件(包括名片的照片)进行OCR识别,支持超过40种语言,帮助我们提高效率.现在小 ...
- (day69)axios、配置ElementUI、配置jQuery和Bootstrap、Django中的CORS问题
目录 一.Vue的ajax插件:axios 二.Django中的CORS跨域问题 (一)同源策略 (二)解决方式(cors模块) 三.Vue配置ElementUI 四.Vue配置jQuery和Boot ...
- fprintf()函数
fprintf函数可以将数据按指定格式写入到文本文件中.其调用格式为: 数据的格式化输出:fprintf(fid,format,variables) 按指定的格式将变量的值输出到屏幕或指定文件 fid ...
- Python中的模块引用机制
一.模块引用 Def: 在Python 程序中使用另一个文件定义的类(方法).函数.数据等 被引用模块位置.通常 Python2 : "/Library/Python/2.7/site-pa ...
- 集合系列 List(五):Stack
Stack 是先进后出的栈结构,其并不直接实现具体的逻辑,而是通过继承 Vector 类,调用 Vector 类的方法实现. public class Stack<E> extends V ...
- 网络编程懒人入门(十):一泡尿的时间,快速读懂QUIC协议
1.TCP协议到底怎么了? 现时的互联网应用中,Web平台(准确地说是基于HTTP及其延伸协议的客户端/服务器应用)的数据传输都基于 TCP 协议. 但TCP 协议在创建连接之前需要进行三次握手(如下 ...
- css流星 效果
style: .loding { width: 100%; height: 100%; } .bg{ width: 100%; height: 100%; ...