Javascript 对鼠标左右键的区分

最新推荐文章于 2021-12-07 20:02:20 发布
最新推荐文章于 2021-12-07 20:02:20 发布
阅读量2k 收藏 3
点赞数
分类专栏： Web开发 文章标签： javascript 鼠标左右键区分
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/licke28/article/details/27888067
版权

Javascript 中 onMouseDown 事件有个 events.button 可以返回一个数值，根据数值可以判断用户按了鼠标的哪个键。

下面是几款浏览器的测试结果。


IE 10 浏览器：

        events.button==0  鼠标左键
        events.button==1  鼠标中键 
        events.button==2  鼠标右键 

   以下返回值有待验证。

        events.button==3  鼠标左右键同时按下
        events.button==4  
        events.button==5  鼠标左键和中键同时按下
        events.button==6  鼠标右键和中键同时按下
        events.button==7  所有三个键都按下


Chrome 浏览器：

        events.button==0  鼠标左键
        events.button==1  鼠标中键 
        events.button==2  鼠标右键

上个测试源码，自己可以对自己的浏览器进行测试：

<html>
<head>
<title>onMouseDown事件</title>
<meta charset="utf-8" />
</head>
<body οnmοusedοwn="alert(event.button)">

</body>
</html>

信到发呆
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript实战
12-20
第一部分 JavaScript入门 1 第1章 编写第一个JavaScript程序 1 1.1 编程简介 1 什么是计算机程序 2 1.2 如何把JavaScript添加到页面 3 外部JavaScript文件 5 1.3 第一个JavaScript程序 7 1.4 把文本写到Web页面上 9 1.5 附件外部JavaScript文件 10 1.6 追踪错误 12 1.6.1 Firefox JavaScript控制台 13 1.6.2 显示Internet Explorer错误对话框 14 1.6.3 访问Safari错误控制台 15 第2章 JavaScript的语法 16 2.1 语句 16 2.2 命令 16 2.3 数据类型 17 2.3.1 数值 17 2.3.2 字符串 18 2.3.3 Boolean 19 2.4 变量 19 2.4.1 创建变量 20 2.4.2 使用变量 22 2.5 操作数据类型和变量 23 2.5.1 基本算术 24 2.5.2 操作的顺序 25 2.5.3 组合字符串 25 2.5.4 组合数值和字符串 26 2.5.5 修改变量中的值 27 2.6 教程：使用变量创建消息 28 2.7 教程：请求信息 30 2.8 数组 32 2.8.1 创建数组 32 2.8.2 访问数组中的项目 34 2.8.3 向数组添加项目 35 2.8.4 从数组删除项目 37 2.8.5 使用splice( )添加和删除 38 2.9 教程：编写使用数组的页面 40 2.10 注释 42 2.10.1 何时使用注释 43 2.10.2 本书中的注释 44 第3章 为程序添加逻辑和控制 45 3.1 使程序智能地响应 45 3.1.1 条件语句基础 46 3.1.2 添加备用计划 49 3.1.3 测试多个条件 49 3.1.4 更复杂的条件 51 3.1.5 嵌套条件语句 53 3.1.6 编写条件语句的技巧 54 3.2 教程：使用条件语句 55 3.3 使用循环处理重复性任务 58 3.3.1 while循环 58 3.3.2 循环和数组 60 3.3.3 for循环 61 3.3.4 do/while循环 63 3.4 函数：把有用的代码转换为可复用的命令 64 3.4.1 小教程 66 3.4.2 给函数提供信息 67 3.4.3 从函数获取信息 69 3.4.4 防止变量冲突 70 3.5 教程：一个简单测验 72 第4章 操作字符串、数值和日期 77 4.1 快速对象介绍 78 4.2 字符串 80 4.2.1 确定字符串的长度 80 4.2.2 改变字符串的大小写 80 4.2.3 查找一个字符串：indexOf( )技术 81 4.2.4 使用slice( )提取字符串的一部分 83 4.3 在字符串中查找模式 84 4.3.1 创建和使用基本的正则表达式 84 4.3.2 构建一个正则表达式 85 4.3.3 分组正则表达式的部分 88 4.3.4 有用的正则表达式 89 4.3.5 匹配模式 94 4.3.6 替换文本 96 4.3.7 尝试正则表达式 97 4.4 数值 97 4.4.1 把字符串改变为数值 97 4.4.2 测试数值 99 4.4.3 舍入数值 100 4.4.4 格式化货币值 100 4.4.5 创建随机数 101 4.5 日期和时间 103 4.5.1 获取月份 103 4.5.2获取星期几 104 4.5.3 获取时间 105 4.5.4 创建当前日期之外的日期 108 4.6 教程 109 4.6.1 概览 109 4.6.2 编写函数 110 第5章 动态修改Web页面 115 5.1 修改Web页面：概览 116 5.2 理解文档对象模型 117 5.2.1 选择页面元素 118 5.2.2 给页面添加内容 122 5.2.3 再谈月球测验 123 5.2.4 DOM的问题 126 5.3 JavaScript库简介 127 初学jQuery 128 5.4 再谈选择页面元素 129 5.4.1 基本选择器 130 5.4.2 高级选择器 133 5.4.3 jQuery过滤器 135 5.4.4 理解jQuery选择 136 5.5 向页面添加内容 138 替换和删除选择 141 5.6 设置和读取标签属性 142 5.6.1 类 142 5.6.2 读取和改变CSS属性 143 5.6.3 一次改变多个CSS属性 145 5.7 读取、设置和删除HTML属性 146 5.8 创意标题 147 5.9 操作选择中的每个元素 149 5.9.1 匿名函数 150 5.9.2 this和$(this) 150 5.10 自动提取引用 152 5.10.1 概览 152 5.10.2 编程 153 第6章 动作/响应：让页面通过事件活动起来 156 6.1 什么是事件 156 6.1.1 鼠标事件 158 6.1.2 文档/窗口事件 159 6.1.3 表单事件 160 6.1.4 键盘事件 160 6.2 把函数和事件一起使用 161 6.2.1 内联事件 161 6.2.2 传统模型 162 6.2.3 现代方式 163 6.2.4 jQuery方式 164 6.3 教程：突出显示表格行 167 6.4 更多的jQuery事件概念 171 6.4.1 等待HTML载入 171 6.4.2 jQuery事件 173 6.4.3 事件对象 175 6.4.4 阻止事件的常规行为 176 6.4.5 删除事件 177 6.5 高级事件管理 178 6.6 教程：一页的FAQ 180 6.6.1 任务概览 180 6.6.2 编程 180 第7章 改进图像 184 7.1 交换图像 184 7.1.1 改变图像的src属性 184 7.1.2 预载入图像 186 7.1.3 翻滚图像 187 7.2 教程：添加翻滚图像 188 7.2.1 任务概览 189 7.2.2 编程 189 7.3 jQuery效果 192 7.3.1 基本显示和隐藏 193 7.3.2 淡入淡出元素 194 7.3.3 滑动元素 195 7.3.4 动画 195 7.4 教程：带有效果的照片集 197 7.4.1 任务概览 197 7.4.2 编程 198 7.5 使用jQuery lightBox的高级照片集 201 7.5.1 基础 202 7.5.2 定制lightBox 204 7.6 教程：lightBox照片集 207 7.7 使用Cycle实现幻灯片动画 209 7.7.1 基础 209 7.7.2 定制Cycle插件 211 7.8 教程：一个自动的幻灯片 214 第二部分 构建Web页面功能 218 第8章 改进导航 218 8.1 一些链接基础知识 218 8.1.1 用JavaScript选择链接 218 8.1.2 确定链接的目标 219 8.1.3 不要打开链接 220 8.2 在新窗口中打开外部链接 221 8.3 创建新窗口 224 窗口属性 224 8.4 在页面上的一个窗口中打开页面 228 8.4.1 定制Greybox窗口的外观 231 8.4.2 教程:在页面中打开一个页面 232 8.5 教程：生成较大链接 235 8.5.1 概览 235 8.5.2 编程 237 8.6 实现导航菜单动画 241 8.6.1 HTML 242 8.6.2 CSS 243 8.6.3 JavaScript 243 8.6.4 教程 244 第9章 扩展Web表单 247 9.1 理解表单 248 9.1.1 选择表单元素 249 9.1.2 获取和设置表单元素的值 251 9.1.3 确定按钮和选框是否选中 252 9.1.4 表单事件 253 9.2 为表单添加智能 257 9.2.1 聚焦表单的第一个字段 257 9.2.2 关闭或打开字段 258 9.2.3 隐藏和显示表单选项 260 9.3 教程：基本表单扩展 260 9.3.1 聚焦到一个字段 261 9.3.2 关闭表单字段 261 9.3.3 隐藏表单字段 265 9.4 表单验证 266 9.4.1 jQuery Validation插件 267 9.4.2 基本验证 269 9.4.3 高级验证 271 9.4.4 样式化错误消息 277 9.5 验证教程 278 9.5.1 基本验证 278 9.5.2 高级验证 280 9.5.3 验证复选框和单选按钮 283 9.5.4 格式化错误消息 286 第10章 扩展界面 287 10.1 使用折叠面板隐藏信息 287 10.1.1 定制Accordion 290 10.1.2 折叠教程 293 10.2 把信息组织到标签页面板 295 10.2.1 格式化标签页和面板 298 10.2.2 定制Tabs插件 300 10.2.3 标签页面板教程 302 10.3 工具提示 305 10.3.1 使用title属性的工具提示 306 10.3.2 使用其他Web页面的工具提示 308 10.3.3 使用隐藏内容的工具提示 309 10.3.4 控制工具提示的显示 311 10.3.5 格式化工具提示 315 10.3.6 Cluetip教程 316 10.4 创建可排序表格 321 10.4.1 样式化表格 324 10.4.2 Tablesorter教程 325 第三部分 Ajax:与Web服务器通信 327 第11章 初识Ajax 327 11.1 什么是Ajax 328 11.2 Ajax基础知识 329 11.2.1 拼图块 329 11.2.2 和Web服务器通信 331 11.3 Ajax的jQuery方式 334 11.3.1 使用load( )函数 335 11.3.2 教程：load( )函数 336 11.3.3 get( )和post( )函数 339 11.3.4 格式化发送给服务器的数据 341 11.3.5 处理来自服务器的数据 343 11.3.6 教程：使用get( )函数 347 11.4 JSON 351 11.4.1 访问JSON数据 353 11.4.2 复杂的JSON对象 354 第12章 Ajax编程基础 357 12.1 Tabs插件 357 12.1.1 改变正在加载文本和图标 359 12.1.2 Ajax标签页教程 361 12.2 向站点添加Google地图 364 12.2.1 为地图设定位置 366 12.2.2 其他jMaps选项 367 12.2.3 添加标志和HTML提示提示框 369 12.2.4 获取驱车指示 370 12.2.5 jMaps教程 371 第四部分 除错、提示和技巧 377 第13章 除错和调试 377 13.1 常见JavaScript编程错误 377 13.1.1 没有结束符号 377 13.1.2 引号 381 13.1.3 使用保留字 382 13.1.4 条件语句中的单个等号 383 13.1.5 区分大小写 384 13.1.6 外部JavaScript文件的路径不正确 384 13.1.7 外部JavaScript文件中的不正确路径 385 13.1.8 消失的变量和函数 386 13.2 使用Firebug调试 387 13.2.1 安装并打开Firebug 387 13.2.2 用Firebug查看错误 388 13.2.3 使用console.log( )记录脚本过程 389 13.2.4 教程：使用Firebug控制台 390 13.2.5 更强大的调试 393 13.3 调试教程 397 第14章 深入JavaScript 401 14.1 综合应用 401 使用外部JavaScript文件 401 14.2 编写更高效的JavaScript 403 14.2.1 优先使用变量 403 14.2.2 三元操作符 405 14.2.3 switch语句 406 14.2.4 高效地使用jQuery对象 409 14.3 创建快速载入的JavaScript 410 14.3.1 在Windows下使用YUI Compressor 411 14.3.2 在Mac下使用YUI Compressor 412 第五部分 附录 413 附录A JavaScript资源 413
JavaScript详解(第2版)
04-25
第1章　JavaScript简介　1 1.1　JavaScript是什么　1 1.2　JavaScript不是什么　2 1.3　JavaScript的用处　3 1.4　JavaScript及其在Web页面中的位置　3 1.5　Ajax是什么　5 1.6　JavaScript是什么样子的　6 1.7　JavaScript及其在Web开发中承担的角色　7 1.8　JavaScript和事件　9 1.9　标准化JavaScript和W3C　11 1.9.1　JavaScript对象　12 1.9.2　文档对象模型　12 1.10　关于浏览器　13 1.10.1　JavaScript的版本　14 1.10.2　你的浏览器遵循标准吗　16 1.10.3　浏览器是否已启用JavaScript　16 1.11　JavaScript代码放在哪儿　17 1.12　验证标签　20 1.12.1　W3C验证工具　21 1.12.2　Validome验证工具　21 1.13　应知应会　22 练习　23 第2章　脚本的安装　24 2.1　HTML文档与JavaScript　24 2.2　语法细节　27 2.2.1　区分大小写问题　27 2.2.2　自由形式及保留字　27 2.2.3　语句及分号　28 2.2.4　注释　28 ... 2.2.5　〈script〉标签　 　　2.3　生成HTML　并输出显示　 　　2.3.1　字符串及字符串串联　 　　2.3.2　write()及writeln()方法　 　　2.4　关于调试　 　　2.5　调试工具　 　　2.5.1　Firefox　 　　2.5.2　在Internet　Explorer　8中调试　 　　2.5.3　[removed]URL　协议　 　　2.6　JavaScript与旧浏览器或受限的浏览器　 　　2.7　应知应会　 　　练习　 　　第3章　数据类型、字面量和变量　 　　3.1　数据类型　 　　3.1.1　基本数据类型　 　　3.1.2　复合数据类型　 　　3.2　变量　 　　3.2.1　有效变量名　 　　3.2.2　声明和初始化变量　 　　3.2.3　动态或宽松类型语言　 　　3.2.4　变量作用域　 　　3.2.5　变量的拼接　 　　3.3　常量　 　　3.4　要注意的bug　 　　3.5　应知应会　 　　练习　 　　第4章　对话框　 　　4.1　与用户交互　 　　4.1.1　alert()方法　 　　4.1.2　prompt()方法　 　　4.1.3　confirm()方法　 　　4.2　应知应会　 　　练习　 　　第5章　运算符　 　　5.1　JavaScript运算符和表达式　 　　5.1.1　赋值运算符　 　　5.1.2　优先级和结合性　 　　5.2　运算符类型　 　　5.2.1　算术运算符　 　　5.2.2　快捷赋值运算符　 　　5.2.3　递增运算符和递减运算符　 　　5.2.4　拼接运算符　 　　5.2.5　比较运算符　 　　5.2.6　逻辑运算符　 　　5.2.7　条件运算符　 　　5.2.8　位运算符　 　　5.3　数字、字符串还是布尔值？数据类型转换　 　　5.3.1　parseInt()函数　 　　5.3.2　parseFloat()函数　 　　5.3.3　eval()函数　 　　5.4　特殊运算符　 　　5.5　应知应会　 　　练习　 　　第6章　条件选择　 　　6.1　控制结构、块及复合语句　 　　6.2　条件　 　　6.2.1　if/else　 　　6.2.2　if/else　if　 　　6.2.3　switch　 　　6.3　循环　 　　6.3.1　while循环　 　　6.3.2　do/while循环　 　　6.3.3　for循环　 　　6.3.4　for/in循环　 　　6.3.5　使用break和continue控制循环　 　　6.3.6　嵌套循环及标签　 　　6.4　应知应会　 　　练习　 　　第7章　函数　 　　7.1　什么是函数　 　　7.1.1　函数声明和调用　 　　7.1.2　返回值　 　　7.1.3　匿名函数变量　 　　7.1.4　闭包　 　　7.1.5　递归　 　　7.1.6　函数是对象　 　　7.2　调试技巧　 　　7.2.1　函数语法　 　　7.2.2　使用try/catch和throw捕捉异常　 　　7.3　应知应会　 　　练习　 　　第8章　对象　 　　8.1　什么是对象　 　　8.1.1　对象及点语法　 　　8.1.2　使用构造函数创建对象　 　　8.1.3　对象的属性　 　　8.1.4　对象的方法　 　　8.2　类和用户自定义函数　 　　8.2.1　什么是类　 　　8.2.2　什么是this　 　
鼠标右键事件.html
06-22
一个简单的html文件，用于演示鼠标右键事件的响应。使用原生JavaScript编写，可以区分鼠标左键单击，右键单击，滚轮单击事件，在右键时可以弹出一个提供选择的菜单，并且阻止鼠标原生的右键消息，在菜单外任意单击左键，菜单消失
JavaScript经典实例
06-05
前言 　　第1章使用JavaScript字符串 　　1.0简介 　　1.1连接两个或多个字符串 　　1.2连接字符串和另一种数据类型 　　1.3条件比较字符串 　　1.4在字符串中查找子字符串 　　1.5从一个字符串提取子字符串 　　1.6检查一个存在的、非空的字符串 　　1.7将一个关键字字符串分解为单独的关键字 　　1.8插入特殊字符 　　1.9处理textarea的单个行 　　1.10去除字符串末尾的空白 　　1.11左补充或右补充一个字符串 　　第2章使用正则表达式 　　2.0简介 　　2.1测试一个子字符串是否存在 　　2.2测试不区分大小写的子字符串匹配 　　2.3验证社会安全号码 　　2.4找到并突出显示一个模式的所有实例 　　2.5使用新字符串替换模式 　　2.6使用捕获圆括号交换一个字符串中的单词 　　2.7使用正则表达式来去除空白 　　2.8使用命名实体来替代HTML标签 　　2.9搜索特殊字符 　　第3章日期、时间和定时器 　　3.0简介 　　3.1打印出今天的日期 　　3.2打印出UTC日期和时间 　　3.3打印出一个ISO 8601格式日期 　　3.4把一个ISO 8601格式的日期转换为Date对象可接受的一种格式 　　3.5创建一个特定的日期 　　3.6规划未来的一个日期 　　3.7记录流逝的时间 　　3.8创建一个延迟 　　3.9创建重复性定时器 　　3.10使用带有定时器的函数闭包 　　第4章使用Number和Math 　　4.0简介 　　4.1保持一个递增的计数 　　4.2把十进制数转换为一个十六进制值 　　4.3创建一个随机数生成器 　　4.4随机产生颜色 　　4.5把表中的字符串转换为数字 　　4.6把表中一列的所有数字加和 　　4.7在角度和弧度之间转换 　　4.8找到页面元素可容纳的一个圆的半径和圆心 　　4.9计算圆弧的长度 　　第5章使用数组和循环 　　5.0简介 　　5.1循环遍历数组 　　5.2创建多维数组 　　5.3从数组创建一个字符串 　　5.4排序数组 　　5.5按顺序存储和访问值 　　5.6以相反的顺序存储和访问值 　　5.7创建一个新数组作为已有数组的子集 　　5.8在数组中搜索 　　5.9将一个多维数组扁平化 　　5.10搜索和删除或替换数组元素 　　5.11对每个数组元素应用一个函数 　　5.12对数组中的每个元素执行一个函数并返回一个新数组 　　5.13创建一个过滤后的数组 　　5.14验证数组内容 　　5.15使用一个关联数组来存储表单元素名和值 　　第6章使用JavaScript函数构建重用性 　　6.0简介 　　6.1创建一段可重用的代码 　　6.2把单个数据值传递到函数 　　6.3把复杂的数据对象传递给函数 　　6.4创建一个动态运行时函数 　　6.5把一个函数当做参数传递给另一个函数 　　6.6实现递归算法 　　6.7创建能够记住其状态的函数 　　6.8使用一个通用的科里化函数提高应用程序性能 　　6.9使用缓存计算（Memoization）来提高应用程序性能 　　6.10使用匿名函数包装全局变量 　　第7章处理事件 　　7.0简介 　　7.1检测页面何时完成载入 　　7.2使用Event对象捕获鼠标点击事件的位置 　　7.3创建一个通用的、可重用的事件处理函数 　　7.4根据修改的条件来取消一个事件 　　7.5阻止事件在一组嵌套元素中传播 　　7.6捕获键盘活动 　　7.7使用新的HTML 5拖放 　　7.8使用Safari方向事件和其他移动开发环境 　　第8章浏览器模块 　　8.0简介 　　8.1请求Web页面访问者确认一项操作 　　8.2创建一个新的、下拉式的浏览器窗口 　　8.3找到关于浏览器的访问页面 　　8.4警告Web页面访问者将要离开页面 　　8.5根据颜色支持更改样式表 　　8.6根据页面大小修改图像尺寸 　　8.7在CMS模板页面中创建面包屑路径 　　8.8将一个动态页面加入书签 　　8.9针对后退按钮、页面刷新来保持状态 　　第9章表单元素和验证 　　9.0简介 　　9.1访问表单文本输入值 　　9.2动态关闭或打开表单元素 　　9.3根据一个事件从表单元素获取信息 　　9.4当点击单选按钮的时候执行一个动作 　　9.5检查一个有效的电话号码 　　9.6取消表单提交 　　9.7阻止重复表单提交 　　9.8隐藏和显示表单元素 　　9.9根据其他表单选择修改一个选项列表 　　第10章调试和错误处理 　　10.0简介 　　…… 　　第11章访问页面元素 　　第12章创建和删除元素和属性 　　第13章使用Web页面空间 　　第14章使用JavaScript、CSS和ARIA创建交互和可访问性效果 　　第15章创建富媒体和交互应用程序 　　第16章JavaScript对象 　　第17章JavaScript库 　　第18章通信 　　第19章使用结构化数据 　　第20章持久化 　　第21章JavaScript创新用法
peaks.js：用于与音频波形进行交互JavaScript UI组件
02-11
一个客户端JavaScript组件，用于在浏览器中显示音频波形并与之交互 Peaks.js是由开发的，它允许用户使用提供波形数据的后端API在浏览器中准确裁剪音频内容。 Peaks.js使用HTML canvas元素以不同的缩放级别显示波形，并具有配置选项以允许您自定义波形视图。 Peaks.js允许用户与波形视图进行交互，包括缩放和滚动，以及创建点或分段标记来表示要剪辑或供参考的内容，例如，区分语音中的音乐或识别不同的音乐曲目。 产品特点 可缩放和可滚动的波形视图 固定宽度波形视图 鼠标，触摸，滚轮和键盘交互 为了方便起见，使用Web Audio API进行客户端波形计算 服务器端波形计算，以提高效率 单声道，立体声或多声道波形视图 创建点或线段标记注释 可自定义的波形视图 您可以阅读有关该项目的更多信息，并查看演示。 内容 安装 npm ： npm install --sa
JS 获取鼠标左右键
三层楼的木房子
02-24 1429
function test()  {  alert(event.x+" "+event.y);  alert(event.button);  }  /*右键菜单不显示*/  document.oncontextmenu=function()  {  return false;  }  /*document.onmousedown=function()  {  if(even
Javascript如何判断按下的是鼠标左键还是右键
chentu279203653csdn的博客
01-26 1万+
Javascript如何判断按下的是鼠标左键还是右键 一、需求：在页面上某个元素上点击鼠标右键，弹出二级悬窗（右键菜单）。 二、解决技术问题：如何监听鼠标右键事件 三、解决方案：  1.使用jquery开发库；  2.给该元素注册jquery的mousedown事件；  3.事件对象event的属性值为0时表示是鼠标左键；值为2时表示鼠标右键。左键：event == 0;右键：
如何在onMouseDown事件中判断按下的是鼠标左键还是右键
热门推荐
ZENITH
01-23 1万+
比如在OnMouseDown里吧，有一个参数是Button，他代表了是由哪个鼠标按键引发的这个事件，而Shift则说明了此时按键们的状态（不但包括左键，右键，还有alt，ctrl等键盘按键，具体可以看TShiftState的定义，在Classes.hpp里）。     代码如下，如果显示L，表示左键按下了，显示R，表示右键按下了，都显示就都按下了。     void   __fastcall  
JS 事件类型之鼠标事件
qq_45560350的博客
08-28 1175
鼠标事件 1 . click 鼠标左键点击 = mousedown + mouseup 2 . mousedown 鼠标左/右键摁下 3 . mouseup 鼠标左/右键松开 document.onmousedown = function(e){ console.log('mousedown') } document.onclick = function(e){ console.log('click') } document.onmouseup = function(){ console.log
js中event对象集合
LoveBeyond
08-26 222
JS中判断鼠标按键的问题。 IE 左键是 window.event.button = 1 右键是 window.event.button = 2 中键是 window.event.button = 4 没有按键动作window.event.button = 0 Firefox 左键是 event.button = 0 右键是 event.button = 2 中键是...
java判断鼠标左键_如何使用jQuery区分鼠标左键和鼠标右键
weixin_42316286的博客
02-26 230
如何使用jQuery获得单击的鼠标按钮？$('div').bind('click', function(){alert('clicked');});这是由鼠标右键和鼠标左键触发的，能捕捉鼠标右键的方式是什么？ 如果以下内容存在，我将很高兴：$('div').bind('rightclick', function(){alert('right mouse button is pressed');})...
js 区分鼠标左右键点击
阿豪
05-06 271
原文链接: js 区分鼠标左右键点击 上一篇: ...
js 区分鼠标点的是左键还是右键以及屏蔽右键菜单
xiaoheliushuiya
11-11 118
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
JavaScript DOM——鼠标事件和键盘事件及案例
zg0601的博客
12-07 1658
JavaScript DOM——鼠标事件和键盘事件及案例
如何区分鼠标左键按下，中间按下，滚轮按下 在mousedown事件中
pengnf
06-26 360
How to distinguish mousedown for mouse click (left down, right down) please refer to below address: mousedown
JS事件（2）
qq_30252219的博客
10-28 350
鼠标事件 点击事件的执行顺序 mousedown，可以区分左右键，button:0,1为中间滚轮 mouseup，可以区分左右键,button:2 mousedown,mouseup可以区分左右键， button:0,左键 button:1中间滚轮 button:2右键 click 键盘事件 keydown，可以区分左右键，button:0,1为中间滚轮 keypress，可以区分...
html判断按键按下,javascript如何判断鼠标左键是否被按下？
weixin_30173361的博客
06-23 2453
怎么在javascript中判断鼠标左键是否被按下？下面本篇文章就来给大家介绍一下使用javascript判断鼠标左键是否被按下的方法，希望对大家有所帮助。在javascript中，可以通过Event 对象的button事件属性来判断鼠标左键是否被按下。button事件属性可返回一个整数，指示当事件被触发时哪个鼠标按键被点击。语法：event.button=0|1|2参数：0：规定鼠标左键。1：规...
angular echarts 堆叠柱状图 如何区分鼠标点到了堆叠柱状图上的哪一层
最新发布
01-18
根据提供的引用内容，可以使用以下方法来区分鼠标点击堆叠柱状图上的哪一层： 1. 使用echarts提供的api方法，通过chartDblClick事件来获取鼠标点击的位置信息。可以在事件处理函数中使用getZr()方法来获取zrender实例，然后使用zrender实例的方法来获取鼠标点击的位置信息。 ```html <div echarts class="chart-content" [options]="makeReqOrderOptions" (chartDblClick)="onMoChartClick($event)"></div> ``` 2. 在事件处理函数中，可以通过鼠标点击的位置信息来判断鼠标点击的是哪一层的柱状图。可以使用zrender实例的方法来获取鼠标点击的位置信息，然后根据位置信息来判断鼠标点击的是哪一层的柱状图。 ```javascript onMoChartClick(event) { const zr = event.getZr(); const point = zr.handler._event.zrX; // 获取鼠标点击的x坐标 // 根据鼠标点击的位置信息来判断鼠标点击的是哪一层的柱状图 // ... } ``` 通过以上方法，可以获取鼠标点击堆叠柱状图上的哪一层的信息，并进行相应的处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值