关于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 ...
随机推荐
- Docker系列03-容器Docker镜像的使用
Docker镜像的使用前两个章节,介绍了容器的相关基础知识,这章我们介绍镜像的简单使用,镜像hub里面有来自于全世界贡献的各种镜像,包括一些入门和学习练手的镜像,今天我们使用的正式其中一个用于学习练习 ...
- jQuery - 拦截所有Ajax请求(统一处理超时、返回结果、错误状态码 )
样例代码: <html> <head> <title>hangge.com</title> <meta charset="utf-8&q ...
- [MySQL] 使用force index强制使用索引
1.在测试一个按照时间的范围查询时,尽管增加了索引,发现使用不到索引,可以使用这个来强制使用索引 测试过程为,创建下面的表,以及创建了联合索引 create table delay_delete_us ...
- doc 如何在指定的位置打印字符和颜色
编程:在屏幕中间分别显示绿色,绿底红色,白底蓝色的字符串weclome to masm! B8000H~BFFFFH共32KB 的空间,为80*25彩色字符模式的显示缓冲区. 在80*25彩色字符模式 ...
- Spring Security从后台数据库查询实现登陆控制
Spring Security框架是一个控制登陆的框架,通过配置文件获取后台的用户名及密码,进行比较进行登陆判断 使用步骤 1.导入依赖 <!-- 身份验证 --> <depende ...
- ETCD:配置参数
原文地址:Configuration flags etcd通过配置文件,多命令行参数和环境变量进行配置, 可重用的配置文件是YAML文件,其名称和值由一个或多个下面描述的命令行标志组成.为了使用此文件 ...
- 隐藏Nginx软件版本号信息
为了提高我们web服务器的安全性,我们应当尽可能的隐藏服务器的信息以防止他人通过这些信息找到漏洞侵入我们的服务器,对于Nginx而言,我们安装好Nginx后最好隐藏Nginx的版本号,以防止通过该版本 ...
- (四十六)c#Winform自定义控件-水波进度条-HZHControls
官网 http://www.hzhcontrols.com 前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. GitHub:https://github.com/kww ...
- 并发容器之ConcurrentHashMap(JDK 1.8版本)
1.ConcurrentHashmap简介 在使用HashMap时在多线程情况下扩容会出现CPU接近100%的情况,因为hashmap并不是线程安全的,通常我们可以使用在java体系中古老的hasht ...
- js 轮播图效果
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...