javascript MouseEvent对象
鼠标事件监听
| 事件 | 描述 |
|---|---|
| auxclick |
onauxclick
|
| click |
onclick
|
| contextmenu |
oncontextmenu
|
| dblclick |
ondblclick
|
| mousedown |
onmousedown
|
| mouseenter |
onmouseenter
|
| mouseleave |
onmouseleave
|
| mousemove |
onmousemove
|
| mouseout |
onmouseout
|
| mouseover |
onmouseover
|
| mouseup |
onmouseup
|
属性
| 属性 | 描述 |
|---|---|
| MouseEvent.altKey | alt按下,返回true |
| MouseEvent.ctrlKey | ctrl按下,返回true |
| MouseEvent.shiftKey | shift按下,返回true |
| MouseEvent.metaKey | meta键按下,返回true |
| MouseEvent.button | 一个鼠标键按下,返回数值 |
| MouseEvent.buttons | 多个鼠标键按下,返回一个或多个数值 |
| MouseEvent.clientX | 点击元素（DOM）中的X坐标 |
| MouseEvent.clientY | 点击元素（DOM）中的Y坐标 |
| MouseEvent.offsetY | 相对于目标节点内边位置的X坐标 |
| MouseEvent.offsetY | 相对于目标节点内边位置的Y坐标 |
| MouseEvent.pageX | 相对于整个文档的X坐标 |
| MouseEvent.pageY | 相对于整个文档的Y坐标 |
| MouseEvent.screenX | 相对于全局（屏幕）的X坐标 |
| MouseEvent.screenY | 相对于全局（屏幕）的Y坐标 |
| MouseEvent.movementX | 相对于最后mousemove事件位置的X坐标 |
| MouseEvent.movementY | 相对于最后mousemove事件位置的Y坐标 |
| MouseEvent.region | 点击区域的id |
参考:
https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent
javascript MouseEvent对象相关推荐
- JavaScript 复制对象与Object.assign方法无法实现深复制
在JavaScript这门语言中,数据类型分为两大类:基本数据类型和复杂数据类型.基本数据类型包括Number.Boolean.String.Null.String.Symbol(ES6 新增),而复 ...
- javascript 遍历对象
javascript 遍历对象 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
- javascript定义对象写法(个人整理)
javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 funct ...
- javascript笔记：深入分析javascript里对象的创建（上）续篇
今天回来一看我的博客居然有这么多人推荐真是开心极了,看来大家对我的研究有了认可,写博客的动力越来越大了,而且我发现写javascript在博客园里比较受欢迎,写java的受众似乎少多了,可能博客园里j ...
- JavaScript Date 对象
JavaScript Date 对象 JavaScript Date 对象 http://www.w3school.com.cn/jsref/jsref_obj_date.asp 日期处理 Date ...
- JavaScript Object对象
原文:JavaScript Object对象 Object对象 1. 介绍 Object对象,是所有JavaScript对象的超类(基类).Object.prototype(Obecjt的原型)定义了 ...
- JavaScript 自定义对象
原文:JavaScript 自定义对象 在Js中,除了Array.Date.Number等内置对象外,开发者可以通过Js代码创建自己的对象. 目录 1. 对象特性:描述对象的特性 2. 创建对象方式: ...
- JavaScript系列-----对象基于哈希存储（Key，Value之Key篇） （1）
1.Hash表的结构 首先,允许我们花一点时间来简单介绍hash表. 1.什么是hash表 hash表是一种二维结构,管理着一对对<Key,Value>这样的键值对,Hash表的结构如下图 ...
- javascript BOM对象详解
javascript BOM对象详解 目标:本章节将分为9点详细介绍有关BOM对象的知识点 1.什么是BOM 2.BOM的构成 3.顶级对象window 4.window对象常见事件(页面加载事件和体 ...
最新文章
- YYCache 源码分析(一)
- 「WC2018」即时战略
- 【观影】摩托日记、盲井
- jdk安装后提示错误
- 22张令人叹为观止的照片，你所未知的另一面
- 服务器日志记录_5种改善服务器日志记录的技术
- 转载:CEO如何“养好CIO同时管好CIO”?
- 复杂产品的响应式设计【知识篇】
- 左耳朵耗子：996不是福气，但努力就会成功么？
- android文本框删除按钮,ClearEditText — 带删除按钮的输入框
- 【数据挖掘】搜狐公司数据挖掘工程师笔试题
- 如何配置百度地图应用访问白名单
- CityEngine+Python自动化建模实现【系列文章之四】
- 介绍一个软件开发工具，堪称快速开发神器
- 全新仿DS网首页模板个人自动发卡，自动发货安装教程及其源码下载
- 次时代游戏的制作流程以及游戏美术需要掌握哪些基本软件
- JavaWeb网上书城 结课设计
- Fragment VS Custom View Container
- ST电机库v5.4.4源代码分析(6): PID以及相关参数
- 【云原生】DevOps（二）：Build工具|Operate工具|Integrate工具 介绍及使用方法