关于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 ...
随机推荐
- ORACLE 12.2RAC之问题 ora.chad OFFLINE
问题描述: 早上巡检是发现一套RAC的ora.chad一个节点的状态是offline,其他的均正常. crsctl stat res -t ora.chad ONLINE ...
- 一个MongoDB索引走偏的案例及探究分析
接业务需求,有一个MongoDB的简单查询,太耗时了,执行了 70S 左右,严重影响用户的体验.. 查询代码主要如下: db.duoduologmodel.find({"Tags.SN&qu ...
- python连接sqlite3
一.了解sqlite sqlite是一种嵌入式数据库,它的数据库就是一个文件.由于SQLite本身是用C写的,而且体积很小,所以经常被集成到各种应用程序中,甚至在IOS和Android的APP中都可以 ...
- vue.js 的 vue-element-admin 实践开发
官方网址: https://panjiachen.github.io/vue-element-admin-site/zh/ 一:面包屑导航,根目录文字修改: 定位到文件 vue-element-sup ...
- Linux 部署MySQL 一主一从一备
主服务器搭建 准备三台服务器,一主一从一备 在主服务器(master)下找到mysql配置文件. Window下为my.ini(一般在C:\ProgramData\MySQL\MySQL Server ...
- 解决“var/log/sysstat/sa21: 没有那个文件或目录 请检查是否允许数据收集”
想使用sar查看一些系统的一些活动信息,发现报错.记录一下 使用apt install sysstat后第一次 报错 /var/log/sysstat/sa21: 没有那个文件或目录 请检查是否允许数 ...
- 解决root无法登陆
今天重装了一下虚拟机,用filezilla往Linux扔文件需要用root的超级权限,但是却不能建立连接,使用账号密码也无法登录root账户 鼓捣好一阵才知道,因为root权限太高了,可以针对root ...
- GO-结构体(类似python中的类)
一.结构体有名属性 package main import "fmt" func main(){ type Sb struct { name string //属性名,数据类型 a ...
- Display a Detail View with a List View 主子视图-列表视图与详细信息视图同时显示
In this lesson, you will learn how to display a Detail View together with a List View. For this purp ...
- Android 多选列表对话框 setMultiChoiceItems
private Button button; private final CharSequence items[] = { "北京", "上海", " ...