关于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 ...
随机推荐
- python uiautomator2 watcher的使用方法
该方是基于uiautomator2如下版本进行验证的: PS C:\windows\system32> pip show uiautomator2 Name: uiautomator2 Vers ...
- 桶排序(C语言)
#include <stdio.h> int main(void) { int arr[5]={2,5,1,3,3}; //定义需要排序的数组 int res[6]={0}; //初始化& ...
- Qt的诞生和本质
有没有发现,在这个主函数里面没有了消息循环了.消息循环到哪里去了呢? 我们知道,每个GUI应用程序都有消息循环,一般都需要将消息循环while那个函数写到main的最后位置.那既然如此,为了代码复用, ...
- 《推送开发全面盘点当前Android后台保活方案的真实运行效果》
登录 立即注册 TCP/IP详解 资讯 动态 社区 技术精选 首页 即时通讯网›专项技术区›推送开发全面盘点当前Android后台保活方案的真实运行效果(截止2 ... 帖子 打赏 分 ...
- IntersectionObserver API,观察元素是否进入了可视区域
网页开发时,常常需要了解某个元素是否进入了"视口"(viewport),即用户能不能看到它. 上图的绿色方块不断滚动,顶部会提示它的可见性. 传统的实现方法是,监听到scroll事 ...
- Web安全测试学习笔记 - DVWA+PHP环境搭建
DVWA(Damn Vulnerable Web Application),是一个用PHP编写的,作为Web安全测试练习平台的合法环境(毕竟咱不能为了练习就随便找个网站去攻击...),也就是俗称的靶场 ...
- SpringBoot入门(简单详细教程)
Spring Boot 简介 简化Spring应用开发的一个框架:整个Spring技术栈的一个大整合:J2EE开发的一站式解决方案: 微服务 martin fowler:微服务:架构风格(服务微化): ...
- python强大的绘图模块matplotlib示例讲解
Matplotlib 是 Python 的绘图库.作为程序员,经常需要进行绘图,在我自己的工作中,如果需要绘图,一般都是将数据导入到excel中,然后通过excel生成图表,这样操作起来还是比较繁琐的 ...
- 聊聊 Java8 以后各个版本的新特性
作者:ZY5A59 juejin.im/post/5d5950806fb9a06b0a277412 某天在网上闲逛,突然看到有篇介绍 Java 11 新特性的文章,顿时心里一惊,毕竟我对于 Java ...
- Spring常用注解式开发
1.组件注册@Configuration.@Bean给容器中注册组件. 注解,@Configuration告诉Spring这是一个配置类,相当于bean.xml配置文件. 注解,@Bean给Sprin ...