⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 鼠标事件处理程序.html

📁 javascript 核心技术 eval()函数的使用 DOM2 事件模型 非标准事件绑定 图片跟随鼠标 传统文档对象测试
💻 HTML
字号:
🔍 
`<!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>
    <title>鼠标事件处理程序</title>
</head>
<body onmousedown="mouseDownHandler();" onmouseup="mouseUpHandler();">
    <center>
        <form name="form1" id="form1">
        <h1>
            鼠标事件处理示例</h1>
        <h2>
            请按住Shift或Ctrl或Alt再单击鼠标左键</h2>
        <a href="鼠标事件处理程序.html" onmouseover="mouseDownHandler();" onmouseout="mouseUpHandler();">
            请将鼠标移至此链接</a><br />
        <br />
        <input type="text" name="Textbox" size="60" id="Textbox" />
        </form>
    </center>

    <script type="text/javascript" language="javascript">
    <!--
       document.onMouseDown=mouseDownHandler;
       document.onMouseUp=mouseUpHandler;
       function mouseDownHandler(e)
       {
         if(navigator.appName=="Microsoft Internet Explorer")
         {
           if(window.event.shiftKey&&window.event.ctrlKey)
           {
           document.form1.Textbox.value="同时按下Ctrl和Shift键并单击鼠标在"+window.event.x+","+window.event.y;
   return;
              
           }
           if(window.event.shiftKey)
           {
             document.form1.Textbox.value="按下Shift键并单击鼠标在"+window.event.x+","+window.event.y;
             return;
           }
           if(window.event.ctrlKey)
           {
             document.form1.Textbox.value="按下Ctrl键并单击鼠标在"+window.event.x+","+window.event.y;
             return;
           }
           if(window.event.altKey)
           {
             document.form1.Textbox.value="按下alt键并单击鼠标在"+window.event.x+","+window.event.y;
             return;
           }
           document.form1.Textbox.value="单击鼠标在"+window.event.x+","+window.event.y;
         }
         if(navigator.appName=="Netscape")
         {
           switch(e.modifiers)
           {
             case 0:
               document.form1.Textbox.value="单击鼠标在"+e.pageX+","+e.pageY;
               break;
               
             case 2:
              document.form1.Textbox.value="按下Ctrl鼠标并单击鼠标在"+e.pageX+","+e.pageY;
             break;
              
             case 4:
             document.form1.Textbox.value="按下Shift鼠标并单击鼠标在"+e.pageX+","+e.pageY;
             break;
             case 6:
             document.form1.Textbox.value="同时按下Ctrl和Shift键并单击鼠标在"+e.pageX+","+e.pageY;
             break;
             case 1:
             document.form1.Textbox.value="按下alt鼠标并单击鼠标在"+e.pageX+","+e.pageY;
             break;
           }
         }
       }
       
       function mouseUpHandler(e)
       {
          if(navigator.appName=="Microsoft Internet Explorer")
         {
           if(window.event.shiftKey&&window.event.ctrlKey)
           {
           document.form1.Textbox.value="同时按下Ctrl和Shift键并松开鼠标在"+window.event.x+","+window.event.y;
   return;
              
           }
           if(window.event.shiftKey)
           {
             document.form1.Textbox.value="按下Shift键并松开鼠标在"+window.event.x+","+window.event.y;
             return;
           }
           if(window.event.ctrlKey)
           {
             document.form1.Textbox.value="按下Ctrl键并松开鼠标在"+window.event.x+","+window.event.y;
             return;
           }
           if(window.event.altKey)
           {
             document.form1.Textbox.value="按下alt键并松开鼠标在"+window.event.x+","+window.event.y;
             return;
           }
           document.form1.Textbox.value="松开鼠标在"+window.event.x+","+window.event.y;
         }
         if(navigator.appName=="Netscape")
         {
           switch(e.modifiers)
           {
             case 0:
               document.form1.Textbox.value="松开鼠标在"+e.pageX+","+e.pageY;
               break;
               
             case 2:
              document.form1.Textbox.value="按下Ctrl鼠标并松开鼠标在"+e.pageX+","+e.pageY;
             break;
              
             case 4:
             document.form1.Textbox.value="按下Shift鼠标并松开鼠标在"+e.pageX+","+e.pageY;
             break;
             case 6:
             document.form1.Textbox.value="同时按下Ctrl和Shift键并松开鼠标在"+e.pageX+","+e.pageY;
             break;
             case 1:
             document.form1.Textbox.value="按下alt鼠标并松开鼠标在"+e.pageX+","+e.pageY;
             break;
           }
         }
       }
    //-->
    </script>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -