zoukankan      html  css  js  c++  java
  • 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; 200px; height:200px; background-color:Gray;" oncontextmenu="return false" onmousedown="Click()">

    测试鼠标左键、右键、中键、左键右键组合键

     </div>

        </form>

    </body>

  • 相关阅读:
    功能测试点总结
    SQL 注入
    软件特征功能测试过程分析 (引用)
    高效率测试之巧用策略模式 (引用)
    Oracle数据库安装过程中遇到的若干问题
    涉众利益分析
    问题账户需求分析
    2018春阅读计划
    《我们应当怎样做需求分析》阅读笔记
    个人总结
  • 原文地址:https://www.cnblogs.com/WangJinYang/p/2827953.html
Copyright © 2011-2022 走看看