zoukankan      html  css  js  c++  java
  • 支持firefox2,ie7取得鼠标位置的javascript

    document.onmousemove=function(e){ 
     if (!document.all){
            mouX =(parseInt(e.pageX)+3)+'px';
            mouY = (parseInt(e.pageY)+6)+'px';
        }else{
      var appversions=window.navigator.appVersion.split(';');
      if(appversions[1].replace(/[^/w]/,'').replace(/[A-Z/s]/img,'')=='7.0'){
       var obj= Event.element(event);//需要使用prototye.j
       mouX =  obj.offsetLeft+150;//根据你的情况可能发生改变
       mouY =  obj.offsetTop+175;//根据你的情况可能发生改变
      }else{
       mouX = event.clientX + document.body.scrollLeft+3;
       mouY = event.clientY + document.body.scrollTop+21;
      }
        }
    }; 

    还有一个更为可靠的方法,但需要你在鼠标事件发生时传入event作为参数:

    function mousePosition(ev){    
     if(ev.pageX || ev.pageY){        
      return {x:ev.pageX, y:ev.pageY};    
     }    
     return {        
      x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,        
      y:ev.clientY + document.body.scrollTop  - document.body.clientTop    
     };
    }

    function a(ev){

    var pos=mousePosition(ev);

    alert(ev.x);

    }

    使用方法如:<input onclick="a(event)" type="button" value="MOUPOS">;

  • 相关阅读:
    集合框架之Map学习
    集合框架之Set学习
    解决word2016鼠标每点击一下就出现一个保存的圆圈
    装饰者模式
    IO的学习与使用
    Enumeration的学习
    在html页面中引入公共的头部和底部
    WEB-INF下资源访问问题
    给自己立一个flag
    elementui 日期选择值格式
  • 原文地址:https://www.cnblogs.com/lein317/p/5067668.html
Copyright © 2011-2022 走看看