zoukankan      html  css  js  c++  java
  • IE与FF中获取鼠标坐标

    View Code
     1 <html xmlns="http://www.w3.org/1999/xhtml">
     2 <head runat="server">
     3     <title></title>
     4     <script language="javascript" type="text/javascript">
     5         function Show(obj) {
     6             /*
     7             *window.event
     8             *IE:有window.event对象
     9             *FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)
    10             *鼠标当前坐标
    11             *IE:event.x和event.y
    12             *FF:event.pageX和event.pageY。
    13             *通用:两者都有event.clientX和event.clientY属性。
    14             */
    15             if(navigator.appName=="Netscape"){
    16                 obj.onmousemove=function(event){
    17                     if(event.pageX>100 || event.pageY>60){
    18                         document.getElementById("abc").style.display = "none";
    19                     }else{
    20                         return;
    21                     }
    22                 }
    23             }else{
    24             if(event.offsetX>100 || event.offsetY>60){
    25                 document.getElementById("abc").style.display = "none";
    26             }
    27         }
    28         }
    29         function BtnClick(){
    30             document.getElementById("abc").style.display = "";
    31             
    32          }
    33 
    34         function netscapeMouseMove(e) {
    35         if (e.screenX != document.test.x.value && e.screenY != document.test.y.value);
    36         {
    37         document.test.x.value = e.screenX;
    38         document.test.y.value = e.screenY;
    39         }
    40         }
    41         function micro$oftMouseMove() {
    42         if (window.event.x != document.test.x.value && window.event.y != document.test.y.value);
    43         {
    44         document.test.x.value = window.event.x;
    45         document.test.y.value = window.event.y;
    46         }
    47         }
    48     </script>
    49 </head>
    50 <body>
    51     <form id="form1" runat="server">
    52     <div style="border:1px solid black;" onMousemove="Show(this);" >
    53        <div  id="abc" style="100px; height:60px;display:none; ">
    54          <table style="border:solid 1px #888888; 100px; height:50px; text-align:center;">
    55             <tr>
    56               <td>
    57                 <a href="#">123</a>
    58               </td>
    59             </tr>
    60          </table>
    61        </div>
    62        <input id="btn" onclick="BtnClick();" type="button" value="OK" />
    63     </div>
    64     </form>
    65 </body>
    66 <html>
  • 相关阅读:
    Python操作Redis的实例(七)
    Python操作Redis(六)
    Redis的数据类型之set集合,zset有序集合类型操作 (五)
    Redis的数据类型之list列表类型操作 (四)
    Redis的数据类型之hash哈希类型操作 (三)
    Redis的数据类型之String字符串类型操作(二)
    Redis基础介绍以及编译安装过程(一)
    python操作IP---IPy模块
    安装cnpm报错
    vue-cli · Failed to download repo vuejs-templates/webpack: connect ECONNREF
  • 原文地址:https://www.cnblogs.com/manyiString/p/JS.html
Copyright © 2011-2022 走看看