事件之事件类型-鼠标事件(MouseEvent)
DOM3 Events 定义了 9 种鼠标事件
事件 | 定义 |
click | 在用户单击鼠标主键(通常是左键)或按键盘回车键时触发。这主要是基于无障碍的考 虑,让键盘和鼠标都可以触发 onclick 事件处理程序 |
dbclick | 在用户双击鼠标主键(通常是左键)时触发。这个事件不是在 DOM2 Events 中定义的,但得到了很好的支持,DOM3 Events 将其进行了标准化 |
mousedown | 在用户按下任意鼠标键时触发。这个事件不能通过键盘触发 |
mouseenter | 在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不冒泡,也不会在光标经过后代元素时触发。mouseenter 事件不是在 DOM2 Events 中定义的,而是 DOM3 Events 中新增的事件 |
mouseleave | 在用户把鼠标光标从元素内部移到元素外部时触发。这个事件不冒泡,也不会在光标经过后代元素时触发。mouseleave 事件不是在 DOM2 Events 中定义的,而是 DOM3 Events 中新增的事件 |
mousemove | 在鼠标光标在元素上移动时反复触发。这个事件不能通过键盘触发 |
mouseout | 在用户把鼠标光标从一个元素移到另一个元素上时触发。移到的元素可以是原始元素的外部元素,也可以是原始元素的子元素。这个事件不能通过键盘触发 |
mouseover | 在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不能通过键盘触发 |
mouseup | 在用户释放鼠标键时触发。这个事件不能通过键盘触发 |
二 触发顺序
这 4 个事件永远会按照如下顺序触发:
(1) mousedown
(2) mouseup
(3) click
(4) mousedown
(5) mouseup
(6) click
(7) dblclick
click 和 dblclick 在触发前都依赖其他事件触发,mousedown 和 mouseup 则不会受其他事件影响。
事件之事件类型-鼠标事件(MouseEvent)相关推荐
- Js之事件类型-鼠标事件
一.事件类型 鼠标事件 键盘事件 表单事件 其他事件 二.鼠标事件 click左键单击 dblclick左键双击 鼠标按下和抬起 mousedown / mouseup (左键, ...
- 773-780---DOM事件高级(常用鼠标事件,案例:跟随鼠标的天使,常用的键盘事件,案例:模拟京东按键输入内容,案例:模拟京东快递单号查询)
文章目录 事件高级 7 常用的鼠标事件 7.1常用的鼠标事件 7.2 鼠标事件对象 案例:跟随鼠标的天使 8 常用的键盘事件 8.1 常用的键盘事件 8.2 键盘事件对象 8.3 ASCII 表 案例 ...
- Cesium 事件详解(鼠标事件、相机事件、键盘事件、场景触发事件)
Cesium 事件详解(鼠标事件.相机事件.键盘事件.场景触发事件) 1 Cesium中的事件 根据使用情况,我把Cesium中的事件大体分为三种,即屏幕空间事件处理程序,屏幕空间相机控制器,场景触发 ...
- 事件监听机制——鼠标事件MouseEvent
鼠标事件 鼠标事件包括鼠标的双击.左击.右击.中间键等等,本文进行事件加载进行简单介绍,具体可以参考键盘事件. import java.awt.*; import java.awt.event.*;/ ...
- DOM | DOM树 + 获取元素 +事件基础 + 常见的鼠标事件
目录 DOM简介 什么是DOM DOM树 获取元素 如何获取页面元素 根据ID获取getElementById() 根据标签名获取getElementsByTagName() 通过 HTML5 新增的 ...
- js的鼠标事件(JavaScript的鼠标事件,vue的鼠标事件)
js鼠标事件,相关属性: var div = document.getElementById("box")// 1.单击事件 onclickdiv.onclick = functi ...
- java鼠标js触发事件吗,JavaScript常见鼠标事件与用法分析
摘要:这篇JavaScript栏目下的"JavaScript常见鼠标事件与用法分析",介绍的技术点是"JavaScript.鼠标事件.鼠标.事件.用法.分析", ...
- 鼠标事件php,事件类型——鼠标事件(示例代码)
click:点击鼠标左键或者按下回车键触发.onclick事件处理程序也同样可以通过这两个方式执行. dbclick:DOM3级事件.双击鼠标左键. mousedown:单击鼠标左键. mouseup ...
- java中鼠标事件_java中检测鼠标事件动作
精品视频课程推荐 Java数据结构和算法精讲版 本课程专注于数据结构和算法的内容,使用Java来进行代码示例,不空洞的讲解概念和理论,重点放在代码的实现和示例上. 从零开始.全面系统.成体系的讲解数据 ...
最新文章
- 阿里云PyODPS 0.7.18发布,针对聚合函数进行优化同时新增对Python 3.7支持
- 云痕大数据 家长登录_云痕家长app
- 前端开发规范文档(html,css,js)
- java调用浏览器组件来_Java 网页浏览器组件介绍
- 和push的区别_还没有理解let 和 const的用法和区别吗,几百字让你立马搞懂
- 数据结构 —— 树状数组
- winxp计算机如何连接win7计算机,xp连接win7共享打印机的步骤,xp连接win7共享打印机教程...
- 如何才能不改变图片的像素大小,只改变图片的文件大小
- Android Studio控件属性大全
- Java 笔试强训 牛客网选择编程题 02
- css中滑轮中是如何做的,横向的网页如何实现鼠标滑轮横向移动?_html/css_WEB-ITnose...
- 华为云更换服务器系统,华为云更换服务器系统
- VUE 的updated钩子函数被死循环一样无限调用
- CF869A The Artful Expedient 结论题+数论
- xCAT安装配置文档
- Unexpected token u in JSON at position解决方法
- 判断输入是否为回车键
- xss-labs/level6
- 13.4 库依赖冲突问题:Detected both log4j-over-slf4j.jar AND bound slf4j-log4j12.jar on the class path
- 字节向上/向下对齐算法分析
热门文章
- TrimLeft()和TrimRight()
- ug安装更改计算机名称,ug安装服务器名与主机名相同
- 基于单片机的智能心率体温检测系统设计
- 微型计算机中rom和ram的区别是什么,简述计算机中RAM和ROM的区别
- 104. Maximum Depth of Binary Tree (Easy)
- 《the Great Gatsby》Day 27
- mysql自动生成回滚语句_如何根据sql语句逆向生成回滚语句?
- java自动生成sql语句
- Mybatis 逆向工程MGB配置文件基本编写
- mbr(master boot record)主引导记录