关于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 ...
随机推荐
- Solr实现全文搜索
1.1 Solr是什么? Solr 是Apache下的一个顶级开源项目,采用Java开发,它是基于Lucene的全文搜索服务器.Solr提供了比Lucene更为丰富的查询语言,同时实现了可配置.可扩展 ...
- sqlserver的表变量在没有预估偏差的情况下,与物理表可join产生的性能问题
众所周知,在sqlserver中,表变量最大的特性之一就是没有统计信息,无法较为准备预估其数据分布情况,因此不适合参与较为复杂的SQL运算.当SQL相对简单的时候,使用表变量,在某些场景下,即便是对表 ...
- 【bzoj4555】[Tjoi2016&Heoi2016]求和(NTT+第二类斯特林数)
传送门 题意: 求 \[ f(n)=\sum_{i=0}^n\sum_{j=0}^i\begin{Bmatrix} i \\ j \end{Bmatrix}2^jj! \] 思路: 直接将第二类斯特林 ...
- Spring Cloud Alibaba 实战(十一) - Spring Cloud认证授权
欢迎关注全是干货的技术公众号:JavaEdge 本文主要内容: 如何实现用户认证与授权? 实现的三种方案,全部是通过画图的方式讲解.以及三种方案的对比 最后根据方案改造Gateway和扩展Feign ...
- C# show Environment property info name and value retrieve, Maximize the Console Window based on window resolution
using System.Reflection; static void ShowEnvironmentInfoDemo() { Type type = typeof(Environment); Pr ...
- mysql注入新姿势(数字与字符编码注入) hex,conv
0x01 前言 今天看到师傅们发的一篇文章,感觉mysql注入还能这么用,于是自己搭建了一个简单的环境,进行复现. 0x02原理 首先介绍两个mysql函数 hex和conv conv(N,from_ ...
- 地图SDK全新版本v4.3.0上线 - 新增多项功能及优化
以下内容转载自腾讯位置服务公众号的文章<地图SDK全新版本v4.3.0上线 - 新增多项功能及优化!> 作者:腾讯位置服务 链接:https://mp.weixin.qq.com/s/hb ...
- Android 图表控件的使用
一个简单不复杂的图表控件ChartLibs,目前仅仅提供三种图表控件:饼图.条形图和线性图.其展示效果 如下: 使用方法很简单,直接通过gradle导入ChartLibs依赖就可以,在build.gr ...
- Django 模板变量之 forloop
1. 模板变量之forloop.counter:从1开始自增1 模板代码如下: {% for row in v %} <tr> <td>{{forloop.counter}}& ...
- RMAN 'Duplicate From Active Database' Feature in Oracle11g (Doc ID 452868.1)
RMAN 'Duplicate From Active Database' Feature in Oracle11g (Doc ID 452868.1) APPLIES TO: Oracle Data ...