分类 事件名 触发描述
一般事件 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. windows和linux下查看java安装路径

    windows下查看版本:(默认安装路径安装就不需要去配环境变量了) java -version windows下查看安装路径: java -verbose Linux下安装版本查看方式和window ...

  2. 集合系列 Queue(九):PriorityQueue

    PriorityQueue 是一个优先级队列,其底层原理采用二叉堆实现.我们先来看看它的类声明: public class PriorityQueue<E> extends Abstrac ...

  3. tensorflow-- Dataset创建数据集对象

    tf.data模块包含: experimental 模块 Dataset 类  FixedLengthRecordDataset 类 TFRecordDataset 类 TextLineDataset ...

  4. Ubuntu下预览raw格式图片

    默认Ubuntu下资源管理器是不可以直接预览raw格式图片的,这就给查看图片带来很大的不便,下面我们就选择安装UFRaw来预览Raw格式图片 1. 首先在terminal安装UFRaw sudo ap ...

  5. ASP.NET Core - 基于IHttpContextAccessor实现系统级别身份标识

    问题引入: 通过[ASP.NET Core[源码分析篇] - 认证]这篇文章中,我们知道当请求通过认证模块时,会给当前的HttpContext赋予当前用户身份标识,我们在需要授权的控制器中打上[Aut ...

  6. 《跟我学shiro》

    张开涛<跟我学shiro>博客系列: Shiro目录 第一章  Shiro简介 第二章  身份验证 第三章  授权 第四章  INI配置 第五章  编码/加密 第六章  Realm及相关对 ...

  7. Android框架式编程之EventBus

    一.EventBus 简介 EventBus是一种用于Android的事件发布-订阅总线,由GreenRobot开发,Gihub地址是:EventBus. 它简化了应用程序内各个组件之间进行通信的复杂 ...

  8. iOS多线程定时器

    在使用定时器时,我们经常使用NSTimer,但是由于NSTimer会受RunLoop影响,当RunLoop处理的任务很多时,就会导致NSTimer的精度降低,所以在一些对定时器精度要求很高的情况下,应 ...

  9. nginx实现基础web

    目录 nginx实现基础web 什么是lnmp lnmp架构如何工作 Nginx与Fast-CGO详细工作流程 LNMP环境准备 一,部署LNMP 1.使用nginx官方源 2.创建nginx用户 3 ...

  10. Linux iotop工具简介

    iotop的简介: iotop是一款开源.免费的用来监控磁盘I/O使用状况的类似top命令的工具,iotop可以监控进程的I/O信息.它是Python语言编写的,与iostat工具比较,iostat是 ...