javascript 关于监听鼠标按键的补充

以补充前文:

【JavaScript 监听鼠标左右同时按下/同时按下移动】


在DOM规定下,click事件上有button属性,这个属性有三个可用值1、2、3分别对应左中右三个鼠标键按下.

现在要监听鼠标多键同时按下/释放似乎不得不使用一些复杂类型去存储状态,而以前事情并不这样麻烦.

《Javascript高级程序设计》中提到:

"很显然,DOM定义的button属性比IE这一套更简单也更有用,毕竟同时按多个鼠标按键的情况很少见."

那么来看一下IE8及更早版本下,button属性的可用值:

javascript 复制代码
0 // 无
1 // 左
2 // 右
3 // 左右
4 // 中
5 // 左中
6 // 右中
7 // 左右中

某些情况下...

这真的有让事情变得更简单更有用吗?

按照现在DOM的可用值123,监听鼠标同时按下需要监听这个属性的变化并使用复杂类型来存储状态,或者就干脆监听鼠标按键事件,再用复杂类型来存储状态,就像本文开始时链接至的文章中所做.

相关推荐
颜酱1 小时前
图结构完全解析:从基础概念到遍历实现
javascript·后端·算法
m0_736919101 小时前
C++代码风格检查工具
开发语言·c++·算法
2501_944934732 小时前
高职大数据技术专业,CDA和Python认证优先考哪个?
大数据·开发语言·python
失忆爆表症2 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录2 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜2 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
黎雁·泠崖2 小时前
【魔法森林冒险】5/14 Allen类(三):任务进度与状态管理
java·开发语言
不爱吃糖的程序媛2 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大2 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT063 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain