JS事件归纳总结

最新推荐文章于 2024-07-19 10:24:06 发布
最新推荐文章于 2024-07-19 10:24:06 发布
阅读量384 收藏
点赞数
文章标签： JS html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JOJOT/article/details/29878105
版权

一般事件 ：

事件                                                      描述 
onClick                                                 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 
onDblClick                                           鼠标双击事件 
onMouseDown                                   鼠标上的按钮被按下了 
onMouseUp                                         鼠标按下后，松开时激发的事件 
onMouseOver                                      当鼠标移动到某对象范围的上方时触发的事件 
onMouseMove                                      鼠标移动时触发的事件 
onMouseOut                                         当鼠标离开某对象范围时触发的事件 
onKeyPress                                          当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] 
onKeyDown                                           当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] 
onKeyUp                                                当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 


页面相关事件：

事件                                                           描述 
onAbort                                                     图片在下载时被用户中断 
onBeforeUnload                                     当前页面的内容将要被改变时触发的事件 
onError                                                      捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误 
onLoad                                                      页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成 
onMove                                                      浏览器的窗口被移动时触发的事件 
onResize                                                  当浏览器的窗口大小被改变时触发的事件 
onScroll                                                    浏览器的滚动条位置发生变化时触发的事件 
onStop                                                      浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 
onUnload                                                 当前页面将被改变时触发的事件 


表单相关事件：

 事件                                                          描述 
onBlur                                                       当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] 
onChange                                                当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可] 
onFocus                                                   当某个元素获得焦点时触发的事件 
onReset                                                   当表单中RESET的属性被激发时触发的事件 
onSubmit                                                 一个表单被递交时触发的事件 


滚动字幕事件：

事件                                                            描述 
onBounce                                                 在Marquee内的内容移动至Marquee显示范围之外时触发的事件 
onFinish                                                    当Marquee元素完成需要显示的内容后触发的事件 
onStart                                                       当Marquee元素开始显示内容时触发的事件 


编辑事件：

事件                                                             描述 
onBeforeCopy                                           当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 
onBeforeCut                                              当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件 
onBeforeEditFocus                                  当前元素将要进入编辑状态 
onBeforePaste                                          内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 
onBeforeUpdate                                       当浏览者粘贴系统剪贴板中的内容时通知目标对象 
onContextMenu                                         当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了] 
onCopy                                                       当页面当前的被选择内容被复制后触发的事件 
onCut                                                          当页面当前的被选择内容被剪切时触发的事件 
onDrag                                                        当某个对象被拖动时触发的事件 [活动事件] 
onDragDrop                                                一个外部对象被鼠标拖进当前窗口或者帧 
onDragEnd                                                 当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了 
onDragEnter                                               当对象被鼠标拖动的对象进入其容器范围内时触发的事件 
onDragLeave                                             当对象被鼠标拖动的对象离开其容器范围内时触发的事件 
onDragOver                                                 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 
onDragStart                                                 当某对象将被拖动时触发的事件 
onDrop                                                          在一个拖动过程中，释放鼠标键时触发的事件 
onLoseCapture                                           当元素失去鼠标移动所形成的选择焦点时触发的事件 
onPaste                                                         当内容被粘贴时触发的事件 
onSelect                                                        当文本内容被选择时的事件 
onSelectStart                                                当文本内容选择将开始发生时触发的事件 


数据绑定：

 事件                                                                 描述 
onAfterUpdate                                                 当数据完成由数据源到对象的传送时触发的事件 
onCellChange                                                 当数据来源发生变化时 
onDataAvailable                                              当数据接收完成时触发事件 
onDatasetChanged                                        数据在数据源发生变化时触发的事件 
onDatasetComplete                                       当来子数据源的全部有效数据读取完毕时触发的事件 
onErrorUpdate                                                 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件 
onRowEnter                                                      当前数据源的数据发生变化并且有新的有效数据时触发的事件 
onRowExit                                                          当前数据源的数据将要发生变化时触发的事件 
onRowsDelete                                                  当前数据记录将被删除时触发的事件 
onRowsInserted                                               当前数据源将要插入新数据记录时触发的事件 
数据绑定：

 事件                                                                     描述 
onAfterPrint                                                         当文档被打印后触发的事件 
onBeforePrint                                                      当文档即将打印时触发的事件 
onFilterChange                                                  当某个对象的滤镜效果发生变化时触发的事件 
onHelp                                                                  当浏览者按下F1或者浏览器的帮助选择时触发的事件 
onPropertyChange                                             当对象的属性之一发生变化时触发的事件 
onReadyStateChange                                        当对象的初始化属性值发生变化时触发的事件 

JOJOT
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript-事件知识点总结
OuYyds的博客
03-30 578
事件构成三要素 1.触发的元素 2.事件函数（on+事件类型） 3.事件处理函数（方法） 事件书写方式 元素内部直接写 <a href='' onclick=”alert('hello')“></a> 元素内部调用函数 <a href='' onclick='fn()'></a> 使用对应的事件属性添加事件 var box = document.getElementById('box') box.onclick = function(
JS中的事件
woaikuangxuefen的博客
08-03 103
事件 事件句柄 事件句柄（又称事件处理函数、事件监听函数），指用于响应某个事件而调用的函数。每一个事件均对应一个事件句柄，在程序执行时，将相应的函数或语句指定给事件句柄，则在该事件发生时，浏览器便执行指定的函数或语句。 事件的定义 为特定事件定义监听函数有三种方式： 直接在HTML中定义元素的事件相关属性 例如：<button onclick="alert('hello')">按钮&...
Javascript 常用on事件
YSKBO743639220的博客
04-25 2156
onclick 鼠标点击事件 ondblclick 鼠标双击事件 onmousedown 鼠标上的按钮被按下了 onmouseup鼠标按下后，松开时激发的事件 onmouseover 当鼠标移动到某对象范围的上方时触发的事件 onmousemove 鼠标移动时触发的事件 onmouseout 当鼠标离开某对象范围时触发的事件 onkeypress当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onkeydown当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象
js中的事件总结
weixin_30633949的博客
11-15 74
属性当以下情况发生时，出现此事件 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档或图像时发生某个错误 onfocus 元素获得焦点 onkeydown ...
JavaScript事件知识点总结
qx1995318的博客
07-15 738
一、事件流 　　首先我们要明白事件流的概念。当我们点击一个按钮时，也点击了按钮的容器元素，甚至也点击了整个事件。事件流描述就是从页面中接收事件的顺序。在主流浏览器中有两种事件接收方式。一种是IE提出的事件冒泡流，另一种是Netscape提出的事件捕获流。顾名思义，事件冒泡流是从被点击的最小元素逐渐向上索引DOM树，而事件捕获的思想是不太具体的节点先捕捉到事件，然后事件沿DOM树逐渐向下，一直传播
javaScript事件知识点
amber_2016的博客
08-03 127
提纲 event事件 event事件中常用属性 元素注册事件 事件冒泡 事件委托 事件监听和解绑的兼容封装 事件event对象 也就是说有事件的情况下，才存在事件对象；事件对象中存着该事件的相关信息； 兼容处理 document.onclick = funct...
JS 事件
weixin_56182955的博客
06-16 138
事件 功能：监听事件的触发，调用函数 事件三要素 事件源：绑定事件的节点 事件类型：鼠标和键盘事件 事件处理函数：触发事件时调用的函数 DOM2 给节点添加事件监听器 书写格式：NodeName.addEventListener(参1,参2,参3) 参1：事件类型 参2：事件处理函数 参3：事件流[参数3，取值为true是捕获，取值为false是冒泡(默认值)] //冒泡：从里到外依次执行 artEle.addEventListener("click",artFn,false); secEle.addE
javascript 键盘事件总结 推荐
12-12
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]不过并不止提交按钮会激发form的submit事件，连同上面的归纳如下： 1. 如果表单里有一个type=”submit”的按钮，回车键生效。 2. 如果表单里只有一个type=”te
js中this的指向问题归纳总结
01-19
js中this指向问题是个老生常谈的问题了，下面这篇文章再来给大家介绍下，大家可以看看，更深入的了解了解，下面话不多说了，来一起看看详细的介绍吧 this this:上下文,会根据执行环境变化而发生指向的改变. 1.单独...
javascript事件归纳
09-12
主要对javascript中事件的总结和归纳。
jquery常见用法归纳总结
04-22
JQuery 是一款广泛使用的 JavaScript 库，它通过简化 DOM 操作、事件处理、动画设计以及 AJAX 交互，极大地提高了开发效率。JQuery 的目标是“Write Less, Do More”，即用更少的代码实现更多的功能。JQuery 的核心...
JavaScript 事件知识点
chenghe5947的博客
12-09 96
事件流 事件流描述的是从页面中接收事件的顺序。 事件捕获（Netspace Communicator提出的）：思想是不太具体的节点应该更早接收的事件，而最具体的节点应该最后接收到事件。 事件冒泡（IE事件流）：事件开始由具体的元素接收，然后逐级向上传播到较为不具体的节点。 ...
JavaScript_事件的基础知识整理总结
一只正在狂飙的肥兔
12-10 354
文章目录EVENT什么是事件事件的绑定方式事件监听事件删除默认行为阻止默认行为事件对象点击事件的光标坐标点获取点击按键信息（了解）常见的事件浏览器事件鼠标事件键盘事件确定按键常见的键盘码（了解）组合按键表单事件触摸事件特殊事件事件委托target委托 EVENT 什么是事件 一个事件由什么东西组成 谁来触发事件：事件源 触发什么事件：事件类型 触发以后做什么：事件处理函数 var oDiv = document.querySelector('div') oDiv.onclick = functio
HTML5的离线存储
weixin_46515434的博客
07-19 700
此外，随着Web技术的发展，新的缓存和离线存储技术（如Service Workers和Cache API）正在逐渐取代HTML5的离线缓存功能，因此开发者也可以考虑使用这些新技术来实现离线存储的需求。该文件包含一个或多个CACHE、NETWORK和FALLBACK部分，用于指定需要缓存的文件和资源、哪些文件需要在线访问、以及在无法访问某个资源时应使用的备用资源。在HTML文档的部分，通过添加一个指向缓存清单文件的标签（或使用manifest属性，具体取决于浏览器支持情况），将缓存清单与HTML文件相关联。
b051银行客户管理系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
系统根据B/S，即所谓的电脑浏览器/网络服务器方式，运用Java技术性，挑选MySQL作为后台系统。系统主要包含对客服聊天管理、字典表管理、公告信息管理、金融工具管理、金融工具收藏管理、金融工具银行卡管理、借款管理、理财产品管理、理财产品收藏管理、理财产品银行卡管理、理财银行卡信息管理、银行卡管理、存款管理、银行卡记录管理、取款管理、转账管理、用户管理、员工管理等功能模块。 文中重点介绍了银行管理的专业技术发展背景和发展状况，随后遵照软件传统式研发流程，最先挑选适用思维和语言软件开发平台，依据需求分析报告模块和设计数据库结构，再根据系统功能模块的设计制作系统功能模块图、流程表和E-R图。随后设计架构以及编写代码，并实现系统能模块。最终基本完成系统检测和功能测试。结果显示，该系统能够实现所需要的作用，工作状态没有明显缺陷。 系统登录功能是程序必不可少的功能，在登录页面必填的数据有两项，一项就是账号，另一项数据就是密码，当管理员正确填写并提交这二者数据之后，管理员就可以进入系统后台功能操作区。进入银行卡列表，管理员可以进行查看列表、模糊搜索以及相关维护等操作。用户进入系统可以查看公告和模糊搜索公告信息、也可以进行公告维护操作。理财产品管理页面，管理员可以进行查看列表、模糊搜索以及相关维护等操作。产品类型管理页面，此页面提供给管理员的功能有：新增产品类型,修改产品类型,删除产品类型。
测反应，简易测反应速度的小工具
07-23
测反应速度 点击开始 观察到显示框颜色发生改变 迅速点击结束 测出显示框颜色发生改变到结束按钮被触发所用时间 对于视觉刺激，成年人的平均反应时间大约在0.2-0.25秒之间
sdxl-vae.safetensors
07-23
sdxl的vae，可放在comfyui\models\vae下。
自动化输入脚本：破解禁用粘贴限制方案
07-23
在IT领域，自动化工具的使用越来越普遍，尤其是在处理重复性工作时。本文将详细探讨如何使用Python编写自动输入脚本来解决一些网站禁止用户通过粘贴方式输入数据的问题。Python作为一种强大的编程语言，提供了多种库和模块来实现这种功能，如`pyautogui`和`pynput`。 我们需要理解为什么有些网站会禁止用户粘贴内容。这通常是为了防止恶意行为，如批量注册、刷数据等。然而，对于合法用户来说，这可能会带来不便。为了解决这个问题，我们可以编写一个Python脚本模拟键盘输入，这样即使网站禁止了粘贴，我们仍然可以自动化地输入大量数据。 `pyautogui`库是Python中用于屏幕操作的一个强大工具，它可以模拟鼠标和键盘的行为。例如，我们可以使用`pyautogui.write()`函数来模拟键盘输入。这个函数接受一个字符串作为参数，然后逐字符地在焦点窗口中输入这些字符。 ```python import pyautogui text_to_input = "你要输入的文本" pyautogui.write(text_to_input) ``` 然而，`pyautogui.
基于Python的学生管理系统.zip
最新发布
07-23
在IDLE中运行《学生信息管理系统》即可进入如图1所示的系统主界面。在该界面中可以选择要使用功能对应的菜单进行不同的操作。在选择功能菜单时，有两种方法，一种是输入1，另一种是按下键盘上的↑或↓方向键进行选择。这两种方法的结果是一样的，所以使用哪种方法都可以。具体的操作步骤如下： （1）录入学生信息。在“请选择：”右侧光标所在位置，输入数字1，并按下<Enter>键，系统将分别提示输入学生编号、学生名字、英语成绩、Python成绩和C语言成绩，输入正确的信息后，系统会提示是否继续添加，如图2所示。输入y，系统将会再次提示用户输入用户信息，输入n，则将录入学生信息保存到文件中。（2）查找学生信息。在功能菜单上输入功能编号2，并且按下<Enter>键，系统将要求用户选择是按学生编号查询还是按学生姓名查询，如果用户输入1，则要求用户输入学生ID，表示按学生编号查询，输入想要查询的学生编号，系统查找该学生信息，如果找到则显示，效果如图3所示，否则显示“(o@.@o) 无数据信息 (o@.@o)”，效果如图4所示。最后提示是否继续查找输入y，系统将再次提示用户选择查找方式，输入n，则退出查找学生信
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值