分类 事件名 触发描述
一般事件 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里的那一堆事件的更多相关文章

  1. JS里的onclick事件

    可以通过以下代码了解JS里的onclick事件: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&quo ...

  2. js里的发布订阅模式及vue里的事件订阅实现

    发布订阅模式(观察者模式) 发布订阅模式的定义:它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知. 发布订阅模式在JS中最常见的就是DOM的事件绑定与触发 ...

  3. 理解 Node.js 里的 process.nextTick()

    有很多人对Node.js里process.nextTick()的用法感到不理解,下面我们就来看一下process.nextTick()到底是什么,该如何使用. Node.js是单线程的,除了系统IO之 ...

  4. JS移动客户端--触屏滑动事件 banner图效果

    JS移动客户端--触屏滑动事件 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的t ...

  5. Js学习笔记一(鼠标事件.....)

    1.encodeURI与decodeURI()转化url为有效的url(能被识别) Url="http://news.baidu.com/p.php?id='测试'&姓名=hkui& ...

  6. js this详解,事件的三种绑定方式

    this,当前触发事件的标签 在绑定事件中的三种用法: a. 直接HTML中的标签里绑定 onclick="fun1()"; b. 先获取Dom对象,然后利用dom对象在js里绑定 ...

  7. js中 关于DOM的事件操作

    一.JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象 ...

  8. Ext JS学习第十六天 事件机制event(一) DotNet进阶系列(持续更新) 第一节:.Net版基于WebSocket的聊天室样例 第十五节:深入理解async和await的作用及各种适用场景和用法 第十五节:深入理解async和await的作用及各种适用场景和用法 前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G

    code&monkey   Ext JS学习第十六天 事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件 ...

  9. Node.js event loop 和 JS 浏览器环境下的事件循环的区别

    Node.js  event loop 和 JS 浏览器环境下的事件循环的区别: 1.线程与进程: JS 是单线程执行的,指的是一个进程里只有一个主线程,那到底什么是线程?什么是进程? 进程是 CPU ...

随机推荐

  1. MySQL集群读写分离的自定义实现

    基于MySQL Router可以实现高可用,读写分离,负载均衡之类的,MySQL Router可以说是非常轻量级的一个中间件了.看了一下MySQL Router的原理,其实并不复杂,原理也并不难理解, ...

  2. 初识orm

    初识orm 一.什么是orm 介绍 ORM: 对象关系映射 将随对象映射成 数据表中的鱼跳跳记录 类--->表名 对象--->记录 对象.属性--->字段 # 演示映射关系 ''' ...

  3. pytest系列(一):什么是单元测试界的高富帅?

    pytest是python语言中一款强大的单元测试框架,用来管理和组织测试用例,可应用在单元测试.自动化测试工作中. unittest也是python语言中一款单元测试框架,但是功能有限,没有pyte ...

  4. Cisdem OCRWizard for Mac 使用教程

    Cisdem OCRWizard for Mac是一款macOS平台的的文件识别软件,可以对任何PDF.扫描文件或图像文件(包括名片的照片)进行OCR识别,支持超过40种语言,帮助我们提高效率.现在小 ...

  5. (day69)axios、配置ElementUI、配置jQuery和Bootstrap、Django中的CORS问题

    目录 一.Vue的ajax插件:axios 二.Django中的CORS跨域问题 (一)同源策略 (二)解决方式(cors模块) 三.Vue配置ElementUI 四.Vue配置jQuery和Boot ...

  6. fprintf()函数

    fprintf函数可以将数据按指定格式写入到文本文件中.其调用格式为: 数据的格式化输出:fprintf(fid,format,variables) 按指定的格式将变量的值输出到屏幕或指定文件 fid ...

  7. Python中的模块引用机制

    一.模块引用 Def: 在Python 程序中使用另一个文件定义的类(方法).函数.数据等 被引用模块位置.通常 Python2 : "/Library/Python/2.7/site-pa ...

  8. 集合系列 List(五):Stack

    Stack 是先进后出的栈结构,其并不直接实现具体的逻辑,而是通过继承 Vector 类,调用 Vector 类的方法实现. public class Stack<E> extends V ...

  9. 网络编程懒人入门(十):一泡尿的时间,快速读懂QUIC协议

    1.TCP协议到底怎么了? 现时的互联网应用中,Web平台(准确地说是基于HTTP及其延伸协议的客户端/服务器应用)的数据传输都基于 TCP 协议. 但TCP 协议在创建连接之前需要进行三次握手(如下 ...

  10. css流星 效果

    style: .loding {     width: 100%;     height: 100%;      }   .bg{     width: 100%;     height: 100%; ...