Js事件触发列表与解说(转)

最新推荐文章于 2023-05-25 11:13:54 发布
最新推荐文章于 2023-05-25 11:13:54 发布
阅读量782 收藏
点赞数
分类专栏： javascript 文章标签： browser ie 浏览器 n2 文档 活动

一般事件
事件 浏览器支持 描述
onClick HTML: 2|3|3.2|4
Browser: IE3|N2|O3		 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标双击事件
onMouseDown HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标上的按钮被按下了
onMouseUp HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标按下后，松开时激发的事件
onMouseOver HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 2|3|3.2|4
Browser:IE4|N4|O		 鼠标移动时触发的事件
onMouseOut HTML: 2|3|3.2|4
Browser:IE4|N3|O3		 当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件
事件 浏览器支持 描述
onAbort HTML: 2|3|3.2|4
Browser:IE4|N3|O		 图片在下载时被用户中断
onBeforeUnload HTML: 2|3|3.2|4
Browser:IE4|N|O		 当前页面的内容将要被改变时触发的事件
onError HTML: 2|3|3.2|4
Browser:IE4|N3|O		 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误
onLoad HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成
onMove HTML: 2|3|3.2|4
Browser:IE|N4|O		 浏览器的窗口被移动时触发的事件
onResize HTML: 2|3|3.2|4
Browser:IE4|N4|O		 当浏览器的窗口大小被改变时触发的事件
onScroll HTML: 2|3|3.2|4
Browser:IE4|N|O		 浏览器的滚动条位置发生变化时触发的事件
onStop HTML: 2|3|3.2|4
Browser:IE5|N|O		 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当前页面将被改变时触发的事件
表单相关事件
事件 浏览器支持 描述
onBlur HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 当某个元素获得焦点时触发的事件
onReset HTML: 2|3|3.2|4
Browser:IE4|N3|O3		 当表单中RESET的属性被激发时触发的事件
onSubmit HTML: 2|3|3.2|4
Browser:IE3|N2|O3		 一个表单被递交时触发的事件
滚动字幕事件
事件 浏览器支持 描述
onBounce HTML: 2|3|3.2|4
Browser:IE4|N|O		 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish HTML: 2|3|3.2|4
Browser:IE4|N|O		 当Marquee元素完成需要显示的内容后触发的事件
onStart HTML: 2|3|3.2|4
Browser:IE4|N|O		 当Marquee元素开始显示内容时触发的事件
编辑事件
事件 浏览器支持 描述
onBeforeCopy HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前元素将要进入编辑状态
onBeforePaste HTML: 2|3|3.2|4
Browser:IE5|N|O		 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate HTML: 2|3|3.2|4
Browser:IE5|N|O		 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu HTML: 2|3|3.2|4
Browser:IE5|N|O		 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面当前的被选择内容被复制后触发的事件
onCut HTML: 2|3|3.2|4
Browser:IE5|N|O		 当页面当前的被选择内容被剪切时触发的事件
onDrag HTML: 2|3|3.2|4
Browser:IE5|N|O		 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop HTML: 2|3|3.2|4
Browser:IE|N4|O		 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd HTML: 2|3|3.2|4
Browser:IE5|N|O		 当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了
onDragEnter HTML: 2|3|3.2|4
Browser:IE5|N|O		 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave HTML: 2|3|3.2|4
Browser:IE5|N|O		 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver HTML: 2|3|3.2|4
Browser:IE5|N|O		 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart HTML: 2|3|3.2|4
Browser:IE4|N|O		 当某对象将被拖动时触发的事件
onDrop HTML: 2|3|3.2|4
Browser:IE5|N|O		 在一个拖动过程中，释放鼠标键时触发的事件
onLoseCapture HTML: 2|3|3.2|4
Browser:IE5|N|O		 当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste HTML: 2|3|3.2|4
Browser:IE5|N|O		 当内容被粘贴时触发的事件
onSelect HTML: 2|3|3.2|4
Browser:IE4|N|O		 当文本内容被选择时的事件
onSelectStart HTML: 2|3|3.2|4
Browser:IE4|N|O		 当文本内容选择将开始发生时触发的事件
数据绑定
事件 浏览器支持 描述
onAfterUpdate HTML: 2|3|3.2|4
Browser:IE4|N|O		 当数据完成由数据源到对象的传送时触发的事件
onCellChange HTML: 2|3|3.2|4
Browser:IE5|N|O		 当数据来源发生变化时
onDataAvailable HTML: 2|3|3.2|4
Browser:IE4|N|O		 当数据接收完成时触发事件
onDatasetChanged HTML: 2|3|3.2|4
Browser:IE4|N|O		 数据在数据源发生变化时触发的事件
onDatasetComplete HTML: 2|3|3.2|4
Browser:IE4|N|O		 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate HTML: 2|3|3.2|4
Browser:IE4|N|O		 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
onRowEnter HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据源的数据将要发生变化时触发的事件
onRowsDelete HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据记录将被删除时触发的事件
onRowsInserted HTML: 2|3|3.2|4
Browser:IE5|N|O		 当前数据源将要插入新数据记录时触发的事件
外部事件
事件 浏览器支持 描述
onAfterPrint HTML: 2|3|3.2|4
Browser:IE5|N|O		 当文档被打印后触发的事件
onBeforePrint HTML: 2|3|3.2|4
Browser:IE5|N|O		 当文档即将打印时触发的事件
onFilterChange HTML: 2|3|3.2|4
Browser:IE4|N|O		 当某个对象的滤镜效果发生变化时触发的事件
onHelp HTML: 2|3|3.2|4
Browser:IE4|N|O		 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange HTML: 2|3|3.2|4
Browser:IE5|N|O		 当对象的属性之一发生变化时触发的事件
onReadyStateChange HTML: 2|3|3.2|4
Browser:IE4|N|O		 当对象的初始化属性值发生变化时触发的事件
wx@aiotgman
关注
专栏目录
videojs-shaka:Shaka播放器与video.js的集成
04-29
videojs-shaka 沙卡球员 目录 安装 npm install --save videojs-shaka 用法 要将videojs-shaka包含在您的网站或Web应用程序中，请使用以下任何一种方法。 [removed]标记 这是最简单的情况。 以您喜欢的任何方式获取脚本，并在包含之后添加，以使videojs全局可用。 < script src =" //path/to/shaka-player.compiled.js " > </ script > < script src =" //path/to/video.min.js " > </ script > < script src =" //path/to/videojs-shaka.min.js " > </ script > < script > var player = videojs ( 'my-video' ,
事件触发列表与解说
午夜飞行
12-02 1750
一般事件事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件onMouseDownHTM
C++中构造函数后的初始化列表
远方的枫叶
05-31 596
本人编程时遇到构造函数后面的的冒号不知其意，虽查书一看，简析C++中冒号和双冒号的用法进行了介绍 一、单冒号 （1）表示机构内位域的定义（即该变量占几个bit空间） 代码示例如下: typedef struct _Test { unsigned char a:4; unsigned char c; } Test;
html自动触发事件,jQuery如何使用自动触发事件trigger
weixin_34704521的博客
05-31 686
有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后就触发click事件，而无需主动点击。比如以下代码：点击1点击2点击3实现效果为'点击1'页面上将显示x1 ,'点击2'页面上显示x2 …但需要实现首次进入页面为默认是'点击1'在jQuery中，可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发A链接的click事件。$('a').first().trigge...
html triggers的作用,Vue为什么要谨慎使用$attrs与$listeners
weixin_42625070的博客
06-17 476
前言在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind="$attrs" 则会带来极大的便利，但同时也会有一些隐患在其中。隐患先来看一个例子：父组件：{template: `type="text"v-model="input"placeholder="please input">`,data() {ret...
Js事件触发列表与解说
06-03
Js事件触发列表与解说..............
JavaScript事件列表解说
12-12
鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4、N4 ...
javascript事件列表解说.pdf
12-14
这份"javascript事件列表解说"详细列举了各种常见的JavaScript事件及其浏览器支持情况，涵盖了从基本的用户交互到复杂的页面操作。 首先，我们要了解的是“一般事件”，如`onclick`、`ondblclick`、`onmousedown`、...
javascript事件列表解说
07-14
下面是对JavaScript事件列表的详细解说： 1. **鼠标事件**： - `onclick`：在鼠标单击元素时触发。 - `ondblclick`：当鼠标双击元素时触发。 - `onmousedown`：在鼠标按钮被按下时触发。 - `onmouseup`：当鼠标...
html triggers的作用,html - Javascript event triggers - Stack Overflow
weixin_39882394的博客
06-17 209
I'm trying to create an Ajax enabled webform, and have created a simple page. On the page, I have a div that contains the value I wish to edit.I've got working javascript to add a text input box aroun...
c++两种方法实现列表
reg183的专栏
03-28 2099
实现效果 代码如下: #include <QApplication> #include <QWidget> #include <QListWidget> #include <QLabel> #include <QListWidgetItem> using namespace std; void QMyLabel::rsetText(QListWidgetItem *item){ this->setText(item->
JavaScript处理鼠标各个事件的示例代码、说明和案例
最新发布
qq_43326668的博客
05-25 4130
以上示例代码演示了如何在HTML中使用JavaScript处理常见的鼠标事件，并给出了每个事件的使用方法、作用和常见使用案例。常见使用案例：在网页中的拖拽功能或按住按钮进行连续操作时，通过监听鼠标松开事件来触发相应的逻辑处理。常见使用案例：在网页中的图片上，当用户将鼠标移出图片区域时，恢复图片的原始样式或显示其他相关信息。常见使用案例：在网页中创建一个按钮，当用户点击按钮时触发相应的操作，例如提交表单、打开弹窗等。常见使用案例：在网页中的游戏或交互界面中，当用户按下特定按钮时触发相应的游戏操作或界面切换。
web自动化之trigger()常用鼠标操作事件
yihuliunian的博客
06-17 1428
转载自品略图书馆http://www.pinlue.com/article/2020/06/1614/5610751058447.html 前言 在web页面上经常遇到的鼠标事件有：鼠标悬停操作，鼠标右键，鼠标长按，拖拽等操作 trigger() trigger 方法用于在 DOM 元素上触发事件 语法使用示例 .trigger(eventName).trigger(eventName, position).trigger(eventName, options).trigger(eve..
原生js鼠标事件onmousedown、onmousemove、onmouseup实现窗口的拖拽
u010234868的专栏
08-29 1718
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; } #nav { height: 30px; line-height: 30px; background-color: darkblue; paddin.
html中自动触发事件
热门推荐
beidaol的专栏
01-03 2万+
问题       在编写前端代码的时候，进行某个操作后希望系统能自动触发一个动作，比如自动触发button的单击动作，此时可以使用jquery的trigger来实现，       如$('#button1').trigger("click"); 表示自动触发id为button1的单击动作 实例 在对表单进行完整性验证后单击提交，然后自动触发下面按钮的动作 运行开始的图 未输入信息便...
JavaScript-鼠标事件（鼠标点击松开移动效果）
weixin_34081595的博客
01-15 4428
鼠标和键盘事件是在页面操作中使用最频繁的操作，可以利用鼠标事件在页面中实现鼠标移动、单击时的特殊效果，也可以利用键盘来制作页面的快捷键等。 鼠标的单击事件 单击事件（onclick）是在鼠标单击时被触发的事件。单击是指鼠标停留在对象上，按下鼠标键，在没有移动鼠标的同时释放鼠标键的这一完整过程。 单击事件一般应用于 Button 对象、Checkbox 对象、I...
JavaScript实现一个onmouserover实现鼠标移入和移除功能
qq_39494664的博客
02-16 2182
onmouser onmouserover的功能鼠标移入时执行相应函数 在鼠标移出时不起作用 那么我们如何用一个onmouserover既实现onmouserover的功能又实现onmouserout的功能？ 示例代码如下 var num = 0; for(var i = 0;i &lt; obj.length; i++) { obj[i].index = num; obj[num...
js 实现页面一段时间内没有操作，执行退出、默认动画等其他功能
来杯卡布奇诺的博客
03-08 1265
实现这种功能只需要设置一个倒计时，当监听到 keydown、mousemove、mousewheel、click 等事件时，重置倒计时。若倒计时为 0 时，触发相应事件，执行制定操作即可。有时会有这种需求：当用户在指定之间内没有对页面进行任何操作，则执行默认的动画，或者退出系统。监听的事件可以根据实际需要进行修改。
JavaScript核心事件详解：触发列表与浏览器兼容性
本文档详细列出了JavaScript中一系列事件触发的列表及其浏览器兼容性解析，涵盖了通用事件和页面相关事件两大类别。以下是对这些事件的深入解读： 1. **通用事件**： - **onClick**: 当用户点击鼠标在指定对象范围...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值