jquery 获取鼠标和元素的坐标点
来源:互联网 发布:淘宝详情页的图片尺寸 编辑:程序博客网 时间:2024/06/11 16:11
获取当前鼠标相对img元素的坐标
$('img').mousemove(function(e) { varpositionX=e.pageX-$(this).offset().left; //获取当前鼠标相对img的X坐标 varpositionY=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()方法)
实例中是获取对象的右下角位置,创建新窗口的顶部位置。
5.获取对象相对于父元素的位置(position()方法)
<scripttype="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>
- jquery 获取鼠标和元素的坐标点
- jquery获取元素坐标获取鼠标坐标
- Jquery 获取鼠标的坐标
- jQuery获取鼠标坐标
- js 获取元素坐标 和鼠标点击坐标
- js获取元素的坐标点
- VC 获取鼠标点坐标
- jquery获取当前元素的坐标
- jquery获取当前元素的坐标
- jQuery获取HTML元素的坐标
- QT:如何获取鼠标坐标点和键盘响应事件
- [C#]获取和设置鼠标的坐标
- C#获取和设置鼠标的坐标
- 获取鼠标的坐标
- 获取鼠标的坐标
- 获取鼠标的坐标
- js获取控件的坐标 和鼠标坐标
- js 火狐 iE 通用获取鼠标坐标,获取元素坐标
- 苹果傲慢失荆州:反应迟钝导致数十万Mac中病毒
- ubuntu server网页截图中文乱码
- Ubuntu下修改目录权限
- javascript window对象 focus获得焦点
- Python random 生成随机数
- jquery 获取鼠标和元素的坐标点
- 自定义鼠标样式
- mongodb 子文档查询
- 如何用U盘重装苹果系统
- 看微软、苹果与谷歌三巨头如何演绎《新三国演义》
- centos 5.8 中文方框字解决
- html图片title和页面乱码
- xcode 文件操作
- iPhone程序调用系统通讯录选择单个电话号码