`

js鼠标事件

 
阅读更多
js的鼠标事件是一个很庞大的事件,包括以下几个:
mousedown//鼠标的键钮被按下。
mouseup//鼠标的键钮被释放弹起。
click//单击鼠标的键钮。
dblclick//鼠标的键钮被按下。
contextmenu //弹出右键菜单。
mouseover//鼠标移到目标的上方。
mouseout//鼠标移出目标的上方。
mousemove//鼠标在目标的上方移动。

这其中mousedown和mouseup是有时间先后顺序的,如果点击一个事件,则会监听到:mousedown--mouseup--click这样的一个顺序。
对于获得鼠标的坐标,根据参照系的不同,分为以下几个坐标系
1,根据当前浏览器的可是区域为参照物(clientX,clientY)
2,根据显示器的屏幕为参照(screenX,screenY)
3,火狐自己的坐标(pageX,pageY)对于当前网页

在js的库jquery中,对于鼠标事件有以下几个
.click ()//为js的click事件绑定一个处理器,或者触发在元素click上面的事件
.dblclick()//为js的chclick事件绑定处理器,或者触发元素dbclick上的事件
.hover()//当鼠标进入和离开原素是执行元素上的事件,这个事件可以是一个可以是两个
.mousedown()//为js的mousedown事件绑定一个处理函数,或触发元素上的事件
.mouseenter()//为鼠标进入事件绑定函数或者触发事件
.mouseleave()//为鼠标离开事件绑定函数或者触发事件
.mousemove()//为鼠标移动事件爱呢绑定函数或者触发事件
.mouseout()//为mouseout事件绑定函数或者触发   支持冒泡事件
.mouseover()//为mouseover事件绑定函数或者触发  支持冒泡事件
.mouseup()//为mouseup事件绑定函数或者触发
.toggle()//绑定两个或者多个处理程序绑定到匹配的元素,执行交替的点击动作
分享到:
评论

相关推荐

    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