jquery获取各种鼠标位置

转载 2015年11月19日 15:41:29
获取当前鼠标相对img元素的坐标
   $('img').mousemove(function(e) {
        var positionX=e.pageX-$(this).offset().left; //获取当前鼠标相对img的X坐标
        var positionY=e.pageY-$(this).offset().top; //获取当前鼠标相对img的Y坐标
        console.log(positionX+'    '+positionY);
    })
       
获取当前鼠标相对浏览器的原点的坐标        
    $('img').mousemove(function(e) {     
        var xx = e.originalEvent.x || e.originalEvent.layerX || 0;     
        var yy = e.originalEvent.y || e.originalEvent.layerY || 0;           
        console.log(xx+'    '+yy);            
    })
           
获取当前鼠标相对html页面的原点的坐标            
    $('img').mousemove(function(e) {
        var pageX=e.pageX;          
        var pageY=e.pageY;         
        console.log(pageX+'    '+pageY);          
    })
                                                            

1,获取对象
var obj = $("#image");                  

2,获取对象元素的位置(offset()方法)
var offset = obj.offset();
获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。  

3,获取对象元素的宽度(width()方法)
var right = offset.left+obj.width();
实例中是获取对象的右下角位置,创建新窗口的左部位置。

4,获取对象元素的高度(height()方法)
   var down = offset.top+obj.height();
实例中是获取对象的右下角位置,创建新窗口的顶部位置。                                    

5.获取对象相对于父元素的位置(position()方法)                           
  var x = obj.position().top;                                          
  var y = obj.position().left;

<script type="text/javascript">
$(document).ready(function(){
          alert($(window).height()); //浏览器当前窗口可视区域高度
          alert($(document).height()); //浏览器当前窗口文档的高度
          alert($(document.body).height());//浏览器当前窗口文档body的高度
          alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
          alert($(window).width()); //浏览器当前窗口可视区域宽度
          alert($(document).width());//浏览器当前窗口文档对象宽度
          alert($(document.body).width());//浏览器当前窗口文档body的高度
          alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})
</script>
                             

winform嵌入外部exe文件

前段时间有个需求,就是在winform程序里嵌入外部的exe文件,经过查找资料,最终将外部的exe文件完美的嵌入到了winform窗体里了。 由于之前没怎么用过c#,所以对c#并不是很熟悉,下面我的...

【HTML5】3D模型--百行代码实现旋转立体魔方

最近研究魔方的玩法,就突然想用HMTL5写一个魔方的模型,由于魔方是一个3D的立方体,这次就试着用HTML5写了一个简单的3D模型。下面是测试链接和预览画面。http://lufy.netne.net...

Jquery获取鼠标位置和判断鼠标是否在DIV中

//获取鼠标位置 $(document).mousemove(function(e){ x = e.pageX; y = e.pageY; }); x的值相对于文档的左边缘。...

jquery控制css绝对定位位置效果,例如鼠标移动到图标显示层显示相关信息

$(获取到需要弹出浮动框的元素obj).hover(function () { //鼠标移动时 //获取到需要弹出浮动框的元素obj ...

jquery 判断鼠标移入移出位置

我写的方法是网上的前辈做出来,我在这说说我自己遇到的问题。html和css代码就不贴了,就是4个div做测试用的。下面是完整代码,基本兼容各大流行浏览器。function mouse(obj,str,...
  • justGY
  • justGY
  • 2016年10月01日 12:15
  • 1468

JQuery实现鼠标拖动元素移动位置

JQuery实现元素移动位置有很多种方法,其中一个是根据鼠标在指定区域内随意移动,还有一种的是根据方向键在一定区域内上下左右平移。这二种只能说各有优劣,通过方向键平移,实现相对简单,操作也更具备可控性...

源码-JavaScript&jQuery交互式前端开发-第6章-事件-鼠标事件-确定光标位置

光标(即,鼠标指针)位置即以屏幕、浏览器或可分为: 1. 屏幕(显示器)位置: screenX, screenY 2. 页面位置:pageX, pageY 3. 浏览器(客户端)位置:clientX,...

mfc获取鼠标位置颜色

  • 2013年12月14日 18:15
  • 27KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery获取各种鼠标位置
举报原因:
原因补充:

(最多只允许输入30个字)