鼠标 事件-阿里云开发者社区

开发者社区> 古镇月影> 正文

鼠标 事件

简介: 引用:http://www.java3z.com/cwbwebhome/article/article9/ht43.html 鼠标事件的种类: click:用户单击左键时发生(单击右键不会发生)。如果焦点在一个按钮上,并按下回车键,也会触发该事件。
+关注继续查看

引用:http://www.java3z.com/cwbwebhome/article/article9/ht43.html

鼠标事件的种类:

click:用户单击左键时发生(单击右键不会发生)。如果焦点在一个按钮上,并按下回车键,也会触发该事件。

dbclick:用户双击鼠标左键时发生(双击右键时不会发生)。

mousedown:用户按下任一个鼠标按键时发生。用事件对象的 button 属性可以获得按下的按键。

mouseup:用户松开一个鼠标按键时发生。用事件对象的 button 属性可以获得按下的按键。

mouseover:用户把鼠标指针移入对象时发生。此时用事件对象的 toElement 属性可以获知移入的对象,用 fromElement 属性可以获知移出的对象。

mouseout:用户把鼠标指针移出对象时发生。此时用事件对象的 toElement 属性可以获知移入的对象,用 fromElement 属性可以获知移出的对象。

mousemove:用户在对象中移动鼠标指针时发生。

事件发生顺序:

一个鼠标动作可能会触发多个事件,它们发生的时刻有所不同,你可以根据需要决定响应哪个事件。

比如单击鼠标左键,会按以下顺序发生事件:

mousedown-mouseup-click

也就是说,我们常用的 click 事件是在松开鼠标左键后才发生的。

双击鼠标左键,会按以下顺序发生事件:

mousedown-mouseup-click-mousedown-mouseup-click-dbclick

事件属性:

当发生了鼠标事件后,event 对象会填写以下属性:

1、type 属性:值为事件的名称。比如,发生了 click 事件后,event.type 的值为 "click"。

2、位置属性:包括 clientX、clientY 等,它们的值是事件发生时鼠标指针的位置,单位为像素。

3、button 属性:表示事件发生时鼠标按键的状态。(不适用于 click 和 dbclick 事件)

4、shiftKey、altKey、ctrlKey 属性:值为 true 或 false,表示事件发生时 Shift、Alt、Ctrl 键的状态。

5、srcElement 属性:值为引起事件的对象。(非IE浏览器为 target 属性)

6、fromElement、toElement 属性:只适用于 mouseover 和 mouseout 事件,值为移出和移入的对象。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9494 0
Qt [GC9-7]:控制台基本设置及增加鼠标右键菜单和键盘事件
Qt [GC9-7]:控制台基本设置及增加鼠标右键菜单和键盘事件
12 0
Telerik 控件事例(鼠标拖动行,拖动列,设置行对齐,行宽,是否显示)
People.cs   using System;using System.Collections.Generic;using System.Data;using System.Linq;using System.
647 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13177 0
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kese7952/article/details/83419393  今天给大家...
953 0
+关注
1701
文章
3
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载