JS 获取鼠标左右键的键值方法

JS 获取鼠标左右键的键值方法可以通过事件对象来实现。当鼠标按下时,会触发鼠标按键事件(mousedown);当鼠标弹起时,会触发鼠标松开事件(mouseup)。

通过事件对象的 button 属性,可以获取鼠标按键的键值,0 表示左键,1 表示滚轮中键,2 表示右键。

下面是获取鼠标左键、鼠标右键键值的示例代码:

document.addEventListener('mousedown', function(event) {
  if (event.button === 0) {
    console.log('左键被按下');
  } else if (event.button === 2) {
    console.log('右键被按下');
  }
});

在上面的代码中,我们使用 addEventListener 方法来监听 mousedown 事件,当事件触发时,会执行回调函数并传入事件对象。通过判断事件对象的 button 属性,可以获取鼠标按键的键值。如果 button 的值为 0,说明左键被按下;如果 button 的值为 2,说明右键被按下。

除了使用事件对象的 button 属性外,还可以使用 event.which 属性来获取鼠标按键的键值。对于左键来说,event.which 的值为 1;对于右键来说,event.which 的值为 3。

下面是使用 event.which 属性获取鼠标左键、鼠标右键键值的示例代码:

document.addEventListener('mousedown', function(event) {
  if (event.which === 1) {
    console.log('左键被按下');
  } else if (event.which === 3) {
    console.log('右键被按下');
  }
});

在上面的代码中,我们同样使用 addEventListener 方法来监听 mousedown 事件,当事件触发时,会执行回调函数并传入事件对象。通过判断事件对象的 which 属性,可以获取鼠标按键的键值。如果 which 的值为 1,说明左键被按下;如果 which 的值为 3,说明右键被按下。

总之,我们可以通过上面的两种方式来获取鼠标左键、鼠标右键键值。在实际应用中,可以根据不同需求来选择使用哪一种方式。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS 获取鼠标左右键的键值方法 - Python技术站

(0)
上一篇 2023年6月27日
下一篇 2023年6月27日

相关文章

  • CrystalDiskMark测试硬盘使用? CrystalDiskMark数据查看方法

    当我们想要测试硬盘的性能时,CrystalDiskMark是一个常用的工具。下面是使用CrystalDiskMark测试硬盘的完整攻略,并包含两个示例说明: 步骤一:下载和安装CrystalDiskMark 首先,您需要从CrystalDiskMark官方网站(https://crystalmark.info/en/software/crystaldiskm…

    other 2023年10月17日
    00
  • java中反射和注解的简单使用方法

    使用反射和注解是Java编程中的重要技术,允许Java程序动态地获取和操作应用程序运行时的信息。在本攻略中,我将详细解释如何在Java中使用反射和注解。 反射 反射的概念 反射是Java中一个强大的机制,它允许程序员在运行时获取一个类的信息(比如成员变量、方法和构造函数等),并且可以使用java.lang.reflect包实现在程序运行时调用这些信息所表示的…

    other 2023年6月27日
    00
  • c语言将字符串中的小写字母转换成大写字母

    C语言将字符串中的小写字母转换成大写字母攻略 在C语言中,可以使用标准库函数toupper()将字符串中的小写字母转换成大写字母。下面是一个详细的攻略,包含两个示例说明。 步骤1:包含头文件 首先,需要包含头文件<ctype.h>,该头文件中包含了toupper()函数的声明。 #include <ctype.h> 步骤2:定义字符串…

    other 2023年8月16日
    00
  • ftp使用

    FTP使用 FTP,即File Transfer Protocol,是指一种用于文件传输的协议,是互联网上使用最广泛、应用最为广泛的文件传输协议之一。它可以用来将文件从本地计算机上传到远程服务器或者将服务器上的文件下载到本地计算机中。 本文将介绍如何使用FTP进行文件传输。 FTP客户端软件的安装 在使用FTP进行文件传输之前,需要先安装FTP客户端软件。目…

    其他 2023年3月28日
    00
  • 使用css美化html表单控件详细示例(表单美化)

    使用 CSS 美化 HTML 表单控件可以提高用户体验,使表单更加美观和易于使用。下面我将详细介绍如何实现表单美化,包括两个示例说明。 1.准备工作 在开始之前,需要先准备好 HTML 表单,并创建对应的 CSS 样式文件。在 CSS 文件中,通常会定义类或 ID,然后通过选择器实现对表单控件的美化。 /* CSS 样式文件中的基本样式 */ input {…

    other 2023年6月27日
    00
  • teamviewer121314破解版(解决检测为商业用途的方式)

    teamviewer121314破解版(解决检测为商业用途的方式) TeamViewer是一款非常常用的远程控制软件,但在商业用途下,需要购买高价的许可证,对于个人用户来说,这是一个较大的负担。而针对这一问题,有一些破解版的TeamViewer出现了。下面将介绍其中一种:teamviewer121314破解版。 破解方式 teamviewer121314破解…

    其他 2023年3月29日
    00
  • string里的占位符

    以下是详细讲解“字符串中的占位符”的完整攻略,过程中至少包含两条示例说明的标准Markdown格式文本: 字符串中的占位符 在编程中,字符串中的占位符是一种常见的技术,它可以将变量或表达式的值插入到字符串中。本文将介绍如何在不同编程语言中使用字符串中的占位符。 Python中的占位符 在Python中,可以使用百分号(%)作为占位符。以下是示例代码: nam…

    other 2023年5月10日
    00
  • matlab画图常用的符号和颜色

    以下是关于Matlab画图常用的符号和颜色的完整攻略,包含两个示例。 Matlab画图常用的符号和颜色 在Matlab中,我们可以使用不同的符号和颜色来区分不同的数据集或者不同曲线。以下是一些常用的符号和颜色: 符号 符号 描述 o 圆 + 十字 * 星号 s 正方形 d 菱形 ^ 上三角 v 下三角 < 左三角 > 右三角 颜色 颜色 描述 b…

    other 2023年5月9日
    00
合作推广
合作推广
分享本页
返回顶部