`

JS鼠标事件

    博客分类:
  • 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 | 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 当对象的初始化属性值发生变化时触发

分享到:
评论

相关推荐

    js鼠标事件大全js鼠标事件大全

    数据绑定事件(通常是服务器端技术如ASP.NET)不在此处详细讨论,因为它们更多涉及到服务器与客户端的数据交换,而不是纯JavaScript鼠标事件。 理解并熟练运用这些JavaScript鼠标事件,可以帮助开发者创建更加动态...

    Javascript鼠标事件汇总

    ### JavaScript鼠标事件汇总详解 #### 一、基本概念与作用 在前端开发中,JavaScript(简称JS)作为主要的脚本语言,对于处理用户交互至关重要。鼠标事件是JS中最常见的一种事件类型,它能帮助开发者捕捉用户的...

    JS鼠标事件大全

    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 鼠标按下后,松开时激发的事件 ...

    js鼠标事件大全(事件说明)

    ### JS鼠标事件大全详解 JavaScript 是一种广泛应用于网页开发中的脚本语言,它能够通过处理各种事件来增强页面的交互性。其中,鼠标事件是非常重要的一部分,它们允许开发者响应用户的鼠标操作,比如点击、移动等...

    JS 事件汇总,js 鼠标事件,网页js大全

    本资料包"JS事件汇总"着重于JS的事件处理,特别是鼠标事件,旨在为网页开发者提供全面的参考。 1. **JS事件基础** - 事件是用户与网页交互时的触发点,如点击按钮、滚动页面等。JS通过事件监听器来响应这些事件。 ...

    Eclipse快捷键大全 javascript鼠标事件汇总

    了解并熟练使用这些Eclipse快捷键和JavaScript鼠标事件,能让你在开发过程中如鱼得水,提高编程效率,减少不必要的鼠标移动和点击,从而专注于更重要的逻辑实现。同时,文档`javascript鼠标事件汇总.doc`和`Eclipse...

    js常用方法(js常用鼠标事件和其对应的方法)

    在JavaScript中,处理用户交互的常见方式之一是利用鼠标事件。以下是一些JS常用的鼠标事件及其对应的方法: 1. `click`:当用户点击元素时触发。常用于按钮、链接等交互元素。 2. `dblclick`:双击元素时触发,通常...

    js鼠标处理事件大全

    js鼠标事件

    js鼠标事件大全集合

    ### JavaScript鼠标事件与交互事件详解 JavaScript作为网页前端开发的核心技术之一,提供了丰富的事件处理机制,使得网页能够响应用户的各种操作,实现动态交互效果。在众多事件类型中,鼠标事件和用户输入事件尤为...

    【JavaScript源代码】JavaScript 鼠标事件(MouseEvent)案例讲解.docx

    JavaScript 鼠标事件,即 MouseEvent,是JavaScript中处理与鼠标操作相关事件的关键部分。当用户使用鼠标执行特定操作,如点击、移动、滚动等,浏览器会生成一个MouseEvent对象,这个对象包含了关于鼠标事件的详细...

    js 鼠标事件的抓取

    ### JS鼠标事件抓取知识点详解 #### 一、概述 在Web开发中,鼠标事件是非常常见且重要的交互方式之一。合理地使用鼠标事件能够极大地提升用户体验,并为用户提供更丰富的交互功能。本文将详细介绍如何在JavaScript...

    js 前端鼠标拖动事件实例

    这个实例主要涉及的关键词是“js”(JavaScript)、“ASP”(尽管在这个上下文中并不直接相关,但可能是用户提及的一个相关技术栈)、“web”(Web开发)以及“鼠标事件”。我们将重点讲解JavaScript中的鼠标拖动...

    js 鼠标事件

    JS 鼠标事件,拖动!

    JavaScript鼠标常用事件列表

    在JavaScript中,鼠标事件主要分为两类:鼠标动作事件和鼠标按钮事件。动作事件通常与鼠标移动有关,而按钮事件则与鼠标的点击操作相关。以下是一些基本的鼠标事件: 1. `mousemove`:当鼠标在元素上移动时触发。...

    JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码

    JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例代码JavaScript 事件处理 常用事件(鼠标事件、键盘事件、表单事件)示例...

    JS鼠标事件大全 推荐收藏

    ### JS鼠标事件大全详解 #### 一、概述 JavaScript(简称JS)是互联网上最流行的客户端脚本语言之一,广泛应用于网页开发中实现交互性功能。本文将详细介绍一系列常用的JS鼠标事件及其应用场景,并针对每种事件...

    javascript触发模拟鼠标点击事件

    本文详细介绍了如何使用JavaScript来触发模拟的鼠标点击事件,并提供了IE浏览器和其他现代浏览器(例如Chrome、Firefox)中实现的示例代码。 首先,要理解事件触发器的概念。事件触发器是一种机制,它使得开发者...

Global site tag (gtag.js) - Google Analytics