分类 事件名 触发描述
一般事件 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. SqlServer性能优化,查看CPU、内存占用大的会话及SQL语句

    1,查看CPU占用量最高的会话及SQL语句   select spid,cmd,cpu,physical_io,memusage, (select top 1 [text] from ::fn_get ...

  2. 【bzoj5339】[TJOI2018]教科书般的亵渎(拉格朗日插值/第二类斯特林数)

    传送门 题意: 一开始有很多怪兽,每个怪兽的血量在\(1\)到\(n\)之间且各不相同,\(n\leq 10^{13}\). 然后有\(m\)种没有出现的血量,\(m\leq 50\). 现在有个人可 ...

  3. MVC(实战一)

    一.创建MVC项目 二.界面分布 Content:是存放css文件等,暂时先不考虑. Controllers:重要, 控制层,控制界面显示和界面逻辑的,其实真正业务逻辑层,建议分层出去. Models ...

  4. CountDownLatch(倒计时计数器)使用说明 --并发

    方法说明:   public void countDown()      递减锁存器的计数,如果计数到达零,则释放所有等待的线程.如果当前计数大于零,则将计数减少.如果新的计数为零,出于线程调度目的, ...

  5. JavaScript-----7.循环

    1.循环 在JS中主要有以下三种类型的循环 for循环 while循环 do...while循环 2. for循环 2.1 语法结构如下: for (初始化变量: 条件表达式: 操作表达式) { // ...

  6. C++ std::list 基本用法

    #include <iostream> #include <string> #include <list> using namespace std; // http ...

  7. IT兄弟连 HTML5教程 HTML5表单 HTML表单中的get和post方法

    指引 表单在网页应用中十分重要,基本上任何一个网站都必须使用到表单元素,所以表单的美观和易于交互对于网站设计就变得十分重要.HTML5对目前Web表单进行了全面提升,使得我们使用表单更加智能.它在保持 ...

  8. Java变量在内存中的存储

    目录 Java变量在内存中的存储 成员变量 局部变量 总结 Java变量在内存中的存储 以下探究成员变量和局部变量在内存中的存储情况. package com.my.pac04; /** * @aut ...

  9. AQS(AbstractQueuedSynchronizer)解析

    AbstractQueuedSynchronizer是JUC包下的一个重要的类,JUC下的关于锁相关的类(如:ReentrantLock)等大部分是以此为基础实现的.那么我们就来分析一下AQS的原理. ...

  10. Implement Dependent Reference Properties 实现从属引用属性 (XPO)

    In this lesson, you will learn how to implement properties whose values can depend on other properti ...