js获取鼠标单击键
利用OnMousedown和OnContextmenu添加鼠标左中右键单击的处理,返回event.button的值来判断是单击了哪个键。
简单测试代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>利用OnMousedown和OnContextmenu添加鼠标左中右键单击的处理</title>
<script type="text/javascript">
function Click()
{
GetMouseKey(event.button);
}
function GetMouseKey(button) {
if (button == 1) //event.button==1 鼠标左键
{
alert("单击了左键");
//处理代码
}
if (button == 2 || button == 0) // 测试在IE中按右键是2,在Maxthon2.0正式版中是0，IE中默认是0
{
alert("单击了右键");
//处理代码
}
if (button == 3) //鼠标左右键同时按下
{
alert("单击了左右键");
}
if (button == 4) //鼠标中键
{
alert("单击了中键");
}
if (button == 5) //鼠标左键和中键同时按下
{
alert("单击了左中键");
}
if (button == 6) //event.button==6 鼠标右键和中键同时按下
{
alert("单击了右中键");
}
if (button == 7) //左右中三个键都按下
{
alert("单击了左右中键");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<!--oncontextmenu="return false"屏蔽快捷菜单-->
<div style=" margin:0 auto; width:200px; height:200px; background-color:Gray;" oncontextmenu="return false" onmousedown="Click()">
测试鼠标左键、右键、中键、左键右键组合键
</div>
</form>
</body>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2012-12-21 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读