十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
//获取屏幕坐标
创新互联公司专注于企业网络营销推广、网站重做改版、新北网站定制设计、自适应品牌网站建设、HTML5建站、电子商务商城网站建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为新北等各大城市提供网站开发制作服务。
function cpos(x, y) { this.x = x; this.y = y }
var getPos = (Doc) = {
var docs = Doc;
var pos = new cpos(docs.offsetLeft, docs.offsetTop);
docs = docs.offsetParent;
while (docs) {
pos.x += docs.offsetLeft;//不断叠加与祖先级的距离
pos.y += docs.offsetTop;
docs = docs.offsetParent;
}
return pos;
}
var foo = document.getElementById('控件id');
console.log(getPos(foo));
div onmouseover="test(event)"/div
function test(e){
//这里可得到鼠标X坐标
var pointX = e.pageX;
//这里可以得到鼠标Y坐标
var pointY = e.pageY;
}
function test(e){ //这里可得到鼠标X坐标 var pointX = e.pageX; //这里可以得到鼠标Y坐标 var pointY = e.pageY; }
jquery给一个DIV设置坐标:\x0d\x0ajquery中设置div的坐标位置的方法是通过offset实现的。\x0d\x0a1、获取到div对象并且获取到当前偏移位置\x0d\x0avar p = $("#elementId");对象\x0d\x0avar offset = p.offset(); 位置\x0d\x0a2、设置坐标位置,一般之关系距离顶部和左部的坐标:\x0d\x0a$("#secondElementId").offset({ top: offset.top, left: offset.left})
var msnPopWin;
$().ready(function() {
msnPopWin= $('#loft_win');
});
// -- 得到当前div:loft_win'位置
var offset = msnPopWin.offset();
//alert("left:"+offset.left+",top:"+offset.top);
// -- 重新设置div:loft_win'位置
msnPopWin.css("position","absolute");
msnPopWin.css("top",offset.top - 20);
jquery获取当前元素的坐标
1,获取对象
var obj = $("#id号"); 或 var obj = $(this);
实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。
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();
实例中是获取对象的右下角位置,创建新窗口的顶部位置。