JavaScript事件小结
我们都晓得JavaScrip事件的重要性,所以下面小结一下以备后用!
序号 | 事件 | 描述 | 备注 |
1 | onclick | 鼠标点击某个对象时触发此事件 | 是最常用的事件之一 |
2 | onchange | 用户改变域的内容时触发此事件 | |
3 | onselect | 文本被选定时触发此事件 | 当select下来菜单选项中的状态改变的时候也能触发此事件,而且这个这中情况也比较常用! |
4 | onfocus | 元素获得焦点时触发此事件 | 此事件也是最常用的事件之一 |
5 | onload | 某个页面或图像被完成加载时触发此事件 | 当网页加载完毕时,触发此事件,也是最常使用的事件之一,常用于当网页加载完毕后在网页中首先做的一些事情,比如:广告动画效果等等 |
6 | onunload | 用户退出页面时触发此事件 | 也是常常使用的事件之一,常常用于当退出网页时或者关闭浏览器窗口的时侯做的一些事情,比如:弹出窗口问是否退出或其他事情 |
7 | onblur | 元素失去焦点时触发此事件 | 最常使用的事件之一,常常用于表单等的验证情况 |
8 | onmouseover | 鼠标被移到某元素之上时触发此事件 | 最常使用的事件之一,常常用于改变图片/文字等的样式 |
9 | onmouseout | 鼠标从某元素移开时触发此事件 | 最常使用的事件之一,常常用于改变图片/文字等的样式 |
10 | ondblclick | 鼠标双击某个对象时触发此事件 | |
11 | onmousedown | 按下鼠标时触发此事件 | |
12 | onmouseup | 鼠标按下后松开鼠标时触发此事件 | |
13 | onkeyup | 当键盘上某个按键被放开时时触发此事件 | 常常使用的事件之一,常常用于改变表单中的内容,比如:将所输入的字母从小写转为大写等 |
14 | onkeydown | 当键盘上某个按键被按下时时触发此事件 | |
15 | onkeypress | 当键盘上某个按键被按下并且释放时时触发此事件 | |
16 | onabort | 图片在下载时被用户中断时触发此事件 | |
17 | onbeforeunload | 当前页面的内容将要被改变时时触发此事件 | |
18 | onerror | 出现错误时时触发此事件 | |
19 | onmove | 浏览器窗口被移动时时触发此事件 | |
20 | onresize | 当浏览器的窗口大小被改变时时触发此事件 | |
21 | onscroll | 浏览器的滚动条位置发生变化时时触发此事件 | |
22 | onstop | 浏览器的“停止”按钮被按下或者正在下载的文件被中断时时触发此事件 | |
23 | onreset | 当表单的reset属性被激发时触发事件 | |
24 | onsubmit | 一个表单被递交时时触发此事件 | |
25 | onbounce | 当Marquee内的内容移动至Marquee显示范围之外时触发此事件 | |
26 | onfinish | 当Marquee元素完成需要显示的内容后触发此事件 | |
27 | onstart | 当Marquee元素开始显示内容时触发此事件 | |
28 | onbeforecopy | 当页面当前的被选择内容将要复制到浏览者的系统剪贴板前触发此事件 | |
29 | onbeforecut | 当页面中的一部分或者全部的内容将被移离当前页面剪切并移动到浏览者的系统剪贴板时时触发此事件 | |
30 | onbeforeeditfocus | 当前元素将要进入编辑状态时触发此事件 | |
31 | onbeforepaste | 内容将要从浏览者的系统剪贴板粘贴到网页中时触发此事件 | |
32 | onbeforeupdate | 当浏览者粘贴系统剪贴板中的内容时通知目标对象 | |
33 | oncontextmenu | 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发此事件 | |
34 | oncopy | 当页面当前的被选择内容被复制后触发此事件 | |
35 | oncut | 当页面当前的被选择内容被剪切时触发此事件 | |
36 | ondrag | 当某个对象被拖动时触发此事件 | |
37 | ondragdrop | 一个外部对象被拖进当前窗口或者帧时触发此事件 | |
38 | ondragend | 当鼠标拖动结束时触发此事件,也就是鼠标被释放时 | |
39 | ondragenter | 当对象被鼠标拖动的对象进入其容器范围内时触发此事件 | |
40 | ondragleave | 当对象被鼠标拖动的对象离开其容器范围内时触发此事件 | |
41 | ondragover | 当某被拖动的对象在另一个对象容器范围内时触发此事件 | |
42 | ondragstart | 当某对象将被拖动时触发此事件 | |
43 | ondrop | 在一个拖动过程中,释放鼠标时触发此事件 | |
44 | onlosecapture | 当元素失去鼠标移动所形成的选择焦点时触发此事件 | |
45 | onpaste | 当内容被粘贴时触发此事件 | |
46 | onselectstart | 当文本内容选择将开始发生时触发此事件 | |
47 | onafterupdate | 当数据完成由数据源到对象的传送时触发此事件 | |
48 | oncellchange | 当数据来源发生变化时触发此事件 | |
49 | ondataavailable | 当数据接收完成时触发此事件 | |
50 | ondatasetchanged | 数据在数据源发生变化时触发此事件 | |
51 | ondatasetcomplete | 当来自数据源的全部有效数据读取完毕时触发此事件 | |
52 | onerrorupdate | 当使用onbefreupdate时间触发取消了数据传送时,代替onafterupdate事件 | |
53 | onrowenter | 当前数据源的数据发生变化并且有新的有效数据时触发此事件 | |
54 | onrowexit | 当前数据源的数据将要发生变化时触发此事件 | |
55 | onrowsdelete | 当前数据记录被删除时触发此事件 | |
56 | onafterprint | 当文档被打印后触发此事件 | |
67 | onrowsinserted | 当前数据源将要插入新数据记录时触发此事件 | |
58 | onbeforeprint | 当文档即将打印时触发此事件 | |
59 | onfilterchange | 当某个对象的滤镜效果发生变化时触发此事件 | |
60 | onhelp | 当浏览者按下F1键或者浏览器的帮助选择时触发此事件 | |
61 | onpropertychange | 当对象的属性之一发生变化时触发此事件 | |
62 | onreadystatechange | 当对象的初始化属性值放生变化时触发此事件 | |
63 | onmousemove | 鼠标移动时触发此事件 |
转载于:https://www.cnblogs.com/godtrue/p/3943387.html
JavaScript事件小结相关推荐
- JavaScript事件详解-jQuery的事件实现(三)
正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...
- 深入浅出 Javascript 事件
转载自:https://www.cnblogs.com/jingwhale/p/4656869.html 深入浅出 Javascript 事件 一.事件流 事件冒泡和事件捕获分别由微软和网景公司提出, ...
- JAVA script 循环 图片_深入分析JavaScript 事件循环(Event Loop)
事件循环(Event Loop),是每个JS开发者都会接触到的概念,但是刚接触时可能会存在各种疑惑. 众所周知,JS是单线程的,即同一时间只能运行一个任务.一般情况下这不会引发问题,但是如果我们有一个 ...
- JavaScript事件 DOMNodeInserted DOMNodeRemoved
JavaScript事件 DOMNodeInserted DOMNodeRemoved JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定交互的瞬间. ...
- javascript事件列表解说
javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
- javascript --- 事件托付
javascript 之 事件托付 长处:1.提高性能(仅仅须要对父级进行操作,子节点相同会拥有其相关属性和方法) 2.对于新加入的事件.也让其拥有父级事件的属性 <!doctype html& ...
- 【探讨】javascript事件机制底层实现原理
前言 又到了扯淡时间了,我最近在思考javascript事件机制底层的实现,但是暂时没有勇气去看chrome源码,所以今天我来猜测一把 我们今天来猜一猜,探讨探讨,javascript底层事件机制是如 ...
- javaScript事件(二)事件处理程序
一.事件 二.事件流 以上内容见:javaScript事件(一)事件流 三.事件处理程序 前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应 ...
- onpaste事件不生效_从实际开发中来看JavaScript事件循环的使用场景
前言: 本文是介绍结合DOM事件流和JavaScript事件循环解决一个工作中的实际问题的过程,很多东西不只是面试的时候才会用得到 文中涉及到的代码demo地址:drag-and-eventloop ...
最新文章
- 最新机器学习开源项目Top10
- linux上jar包无法识别本地文件格式,解决使用maven将项目打包成jar包后运行在linux系统中无法读取jar包中文件的问题...
- docker登录mysql数据库_Docker下搭建mysql数据库
- 【暴力】LeetCode 300. Longest Increasing Subsequence
- pandas 修改 DataFrame 列名 1
- 京东数据分析工具(京东销售数据如何查询)
- win7 64位 系统安装mysql_5.7.19(msvce120 or DirectXRepair35.zip修复)
- 三大开源bi工具_Superset,基于web的开源BI工具,github三万star
- TranslateAnimation祥解
- Win系统 - 全屏看视频时任务栏没有自动隐藏怎么办?
- air202-DTU接入ONENET平台简单教程
- 汽车CAN通信基础知识-CAN数据结构
- Java初学者作业——定义客户类(Customer),客户类的属性包括:姓名、年龄、电话、余额、账号和密码;方法包括:付款。
- MATLAB绘图—三维网格绘图(mesh)
- STM32 的 “位带”操作Bit-banding--学习笔记
- 秘鲁蓝莓国际农民丰收节贸易会-·万祥军:谋定对华市场准入
- canvas实现简单的画图功能
- java邮件中添加excel_基于javaMail的邮件发送--excel作为附件
- 使用Google、百度等搜索引擎在指定网站内搜索指定内容
- 用python玩转数据作业答案_大学mooc2020年用Python玩转数据作业答案
热门文章
- 浅谈抖音下拉词框优化推广的优势
- linux下 卸载qt_Ubuntu14.04安装、配置与卸载QT5的步骤详解
- git安装 苹果笔记本_自己挖的坑自己填,无光驱安装苹果笔记本双系统
- yum 安装mysql 5.0_CentOS 通过 yum 安装 Mysql 5.0
- python glob用法
- 2020计算机二级取消vb,2020年计算机二级VB模拟试题及答案
- 取消hover效果_CSS3 transition过渡动画效果
- org.hibernate.hql.ast.QuerySyntaxException: myaddressbook is not mapped
- boost使用log库编译报错
- 信息收集之域名、IP互查