JavaScript 获取鼠标按键与坐标信息的方法
作者:流萤时间:2026-10-28 14:50:49浏览:201
本文介绍如何在 JavaScript 中通过 event 对象获取鼠标按键状态与坐标信息。重点解析 event.button 属性值对应的按键组合,包括左键、右键、中键及其同时按下的情况,并简述获取鼠标横纵坐标的方法。
function test()
{
alert(event.x+" "+event.y);
alert(event.button);
}
/*右键菜单不显示*/
document.oncontextmenu=function()
{
return false;
}
/*document.onmousedown=function()
{
if(event.button==1)
{alert("left")}
if(event.button==2)
{alert("right")}
}*/
document.onkeydown=function()
{
alert(event.keyCode);
}
</script>
鼠标按键与坐标获取
在 JavaScript 中,可以通过 event 对象获取鼠标的横轴坐标(event.x)和纵轴坐标(event.y)。关于键盘按键,可通过 event.keyCode 获取键值。对于鼠标按键状态,event.button 属性用于判断:值为 0 表示默认状态,未按下任何按钮;值为 1 表示单击鼠标左键;值为 2 表示单击鼠标右键;值为 3 表示同时按下鼠标左右键;值为 4 表示单击鼠标中键;值为 5 表示同时按下鼠标左键和中键;值为 6 表示同时按下鼠标右键和中键;值为 7 表示三个按键同时按下。
作者最新文章
JavaScript将图片转换为Base64编码的两种途径
2026-11-05 16:43:05
怎么在 Vue 或 React 项目中正确集成 animate.js
2026-11-05 10:23:38
JS注册事件:addEventListener基础语法与参数详解
2026-11-05 08:44:56
JSP和JS的区别:运行环境与服务端/客户端职责解析
2026-11-04 23:34:36
pdf.js 官方下载地址:GitHub Release 获取预编译包
2026-11-04 23:07:27
