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">;

  • 相关阅读:
    Vue之自定义组件的v-model
    compression-webpack-plugin 开启gzip vue
    vue-i18n ,vue项目中如何实现国际化
    vue 组件的 scrollBehavior 2
    vue-router中scrollBehavior的巧妙用法
    页面刷新(vue)
    服务器配置nginx.conf文件
    mobaxterm配置nginx
    flutter环境搭建
    让GIt忽略SSL证书错误的方法
  • 原文地址:https://www.cnblogs.com/lein317/p/5067668.html
Copyright © 2011-2022 走看看