鼠标事件大全

最新推荐文章于 2024-11-01 06:16:36 发布
原创 最新推荐文章于 2024-11-01 06:16:36 发布 · 963 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#browser #html #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             当对象的初始化属性值发生变化时触发

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' ,
HTML 事件
最新发布
lly202406的博客
11-01 977
HTML 事件是网页与用户或其他网页元素交互的桥梁。当用户执行某些操作（如点击按钮）或当浏览器执行某些操作（如加载页面）时，事件被触发。然后，可以通过 JavaScript 或其他脚本语言编写代码来响应这些事件。HTML 事件是创建动态和交互式网页的基础。通过理解不同类型的事件以及如何在 HTML 和 JavaScript 中使用它们，开发者可以创建更加丰富和响应式的用户体验。无论是简单的按钮点击还是复杂的表单验证，事件都是实现这些功能的关键。
事件触发列表与解说
午夜飞行
12-02 1865
一般事件事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件onMouseDownHTM
HTML:HTML事件汇总
weixin_74100422的博客
04-07 2183
html事件是用户和页面交互的一些效果 ，用户通过点击，触摸等等方式更新数据，页面在加载完成之后的交互效果就需要通过触发事件来完成
js鼠标事件大全
世间的轮回总是悲喜难捉摸
08-28 387
js鼠标事件大全     O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:
鼠标事件大全详解
刺心的博客
08-20 2万+
click：单击事件。 dblclick：双击事件。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：鼠标移动事件。 mouseover：移入事件。 mouseout：移出事件。 mouseenter：移入事件。 mouseleave：移出事件。 contextmenu：右键事件。 mouseover事件和mouseenter事件，都是鼠标进入...
js中鼠标事件大全
weixin_46381471的博客
07-13 2277
##js中 鼠标事件大全 click：单击事件。 dblclick：双击事件。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：鼠标移动事件。 mouseover：移入事件。 mouseout：移出事件。 mouseenter：移入事件。 mouseleave：移出事件。 contextmenu：右键事件。 onmousewheel：滚轮事件。 //js中，onmousewheel：滚轮事件兼容性写法，该函数也是网上别人写的，不过找不到出处了，蛮好的，所
javascript之鼠标事件大全
SIMIN_1617的博客
05-25 434
js鼠标事件大全 一般事件 事件 浏览器支持 描述 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 .
常见的html事件
wei201314的博客
09-26 2741
1.onclick事件    用户点击html元素 2. onchange事件   html元素改变 3.onmouseover事件 用户在一个html元素上移动鼠标  4.onmouseout事件 用户从一个html元素上移开鼠标  5.onkeydown事件 用户按下鼠标按键  6.onload事件 浏览器已完成页面的加载  ...
html自动触发事件,jQuery如何使用自动触发事件trigger
weixin_34704521的博客
05-31 774
有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后就触发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 552
前言在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind="$attrs" 则会带来极大的便利，但同时也会有一些隐患在其中。隐患先来看一个例子：父组件：{template: `type="text"v-model="input"placeholder="please input">`,data() {ret...
C++中构造函数后的初始化列表
远方的枫叶
05-31 694
本人编程时遇到构造函数后面的的冒号不知其意，虽查书一看，简析C++中冒号和双冒号的用法进行了介绍 一、单冒号 （1）表示机构内位域的定义（即该变量占几个bit空间） 代码示例如下: typedef struct _Test { unsigned char a:4; unsigned char c; } Test;
HTML 事件(一) 事件的介绍
weixin_34115824的博客
02-19 476
　　本篇主要介绍HTML中的事件知识：事件相关术语、DOM事件规范、事件对象。 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三) 事件流、事件委托 4. HTML 事件(四) 模拟事件操作   目录 1. 事件相关术语：介绍事件相关的术语；如：事件类型、事件名称、事件目标等等。 2. DOM事件规范：介...
html triggers的作用,html - Javascript event triggers - Stack Overflow
weixin_39882394的博客
06-17 286
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...
前端 -＞ HTML标签,事件
rod0320的博客
12-27 1516
文章目录HTML ＜html＞,＜head＞,＜title＞,＜body＞,＜p＞,＜h＞标签HTML 实例中文编码HTML ＜table＞,＜tbody＞标签HTML table 标签HTML tbody 标签HTML input 标签HTML script 标签HTML 事件属性全局事件属性窗口事件属性（Window Event Attributes）表单事件(Form Events)键盘事件（Keyboard Events）鼠标事件（Mouse Events）多媒体事件(Media Events)其他
HTML事件
weixin_42044728的博客
04-26 459
HTML事件是指在HTML文档中发生的各种交互式事件。这些事件可以是用户操作（例如点击、鼠标悬停、键盘输入等）或浏览器操作（例如文档加载、窗口调整大小等）。HTML事件可以通过JavaScript来捕获和处理，从而实现对用户交互的响应和控制。
html中自动触发事件
热门推荐
beidaol的专栏
01-03 2万+
问题       在编写前端代码的时候，进行某个操作后希望系统能自动触发一个动作，比如自动触发button的单击动作，此时可以使用jquery的trigger来实现，       如$('#button1').trigger("click"); 表示自动触发id为button1的单击动作 实例 在对表单进行完整性验证后单击提交，然后自动触发下面按钮的动作 运行开始的图 未输入信息便...
html页面相应事件,JavaScript事件-HTML事件
weixin_31304599的博客
06-03 737
HTML事件指的是那些不一定与用户操作有关的事件。HTML事件包括下面的一些事件： load：当页面完全加载之后在window上面触发，或者当所有的框架加载完毕之后在框架集上触发，或者图像加载完毕之后在元素上触发，或者嵌入内容加载完毕时在元素上面触发。unload：当页面完全卸载之后在window上面触发，或者当所有的框架卸载完毕之后在框架集上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值