分类 事件名 触发描述
一般事件 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. redis scan命令使用

      以前的项目中有用到redis的keys命令来获取某些key,知道看了这篇文章 https://mp.weixin.qq.com/s/SGOyGGfA6GOzxwD5S91hLw.安全起见,这次打算 ...

  2. 每天学点HTML01

    HTML背景 HTML 又叫超文本标记语言 ,诞生于20世纪90年代初 <html> <head><title>demo1</title> </h ...

  3. 安装CentOS 6.x报错"Disk sda contains BIOS RAID metadata"解决方法

    今天在安装CentOS 6.2的时候,当进到检测硬盘的时候,总是过不去,报错如下: Disk sda contains BIOS RAID metadata, but is not part of a ...

  4. GithubPages+Hexo博客搭建记录

    目录 前言 安装Node.js 安装Git 安装Hexo 查看效果 建立Github Pages 注册Github帐户 建立托管博客的仓库 制作SSH密钥 添加公钥到Github 测试连接 把本地的博 ...

  5. 22(8).模型融合---RegionBoost

    在adaboost当中,样本的权重alpha是固定的,蓝色五角星所在的圈中3个○分错了,红色五角星所在的圈中4个×和1个○都分对了,很容易让人想到,这个模型,对于红色位置的判断更加可信. 动态权重,每 ...

  6. Pro Micro

    选择这块Arduino板主要是因为它便宜(淘宝上20元左右搞定),引脚相对较多,体积小,而且其使用的处理器核心ATmega32U4(兼容Arduino Leonardo)可用于模拟HID设备,可以配合 ...

  7. java之JavaBean

    JavaBean是一种java语言编写而成的可重用组件. 所谓JavaBean,是指符合以下标准的java类: 类是公共的: 有一个无参的公共构造器: 有属性,属性一般是私有的,且有对应的set.ge ...

  8. File Zilla server安装完报错could not load TLS libraries. aborting start of administration interface

    问题描述: 系统:Windows2008R2x64 安装完filezillaserver以后出现这个问题 解决方法: 需要安装个系统补丁:Windows6.1-KB2533623-x64 安装完重启服 ...

  9. 深入理解 Java 注解

    深入理解 Java 注解 本文内容基于 JDK8.注解是 JDK5 引入的,后续 JDK 版本扩展了一些内容,本文中没有明确指明版本的注解都是 JDK5 就已经支持的注解.

  10. java基础(2):注释、关键字、标识符、数据

    1. 注释.关键字与标识符 大家可以安装一个文本编辑软件notepad++,有利于java代码的查看与编写. 1.1 程序注释 通常我们需要在源代码中添加文字用来对进行代码解释说明,但这些文字并不是J ...