jquery获得页面元素的坐标值实现思路及代码


Posted in Javascript onApril 15, 2013

jquery如何获得页面元素的坐标值 yulutxt是输入经典语录的输入框,feedBackMessage函数见http://www.wesoho.com/article/asp/2765.htm

var p = $("#yulutxt"); 
var yuluoffset = p.offset(); 
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);

-------------------
1,获取对象(自定义调整打开新窗口参照元素)
var obj = $("#oButton");
实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。

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();
实例中是获取对象的右下角位置,创建新窗口的顶部位置

Javascript 相关文章推荐
javascript 防止刷新,后退,关闭
Aug 07 Javascript
模拟多级复选框效果的jquery代码
Aug 13 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
JavaScript处理解析JSON数据过程详解
Sep 11 Javascript
JS面试题---关于算法台阶的问题
Jul 26 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
vue小白入门教程
Apr 02 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
Apr 08 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 #Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 #Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 #Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 #Javascript
jquery+css+ul模拟列表菜单具体实现思路
Apr 15 #Javascript
js作用域及作用域链概念理解及使用
Apr 15 #Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 #Javascript
You might like
PHP与SQL注入攻击[三]
2007/04/17 PHP
php封装的smarty类完整实例
2016/10/19 PHP
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
JS解决ie6下png透明的方法实例
2013/08/02 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
js数据类型检测总结
2018/08/05 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
js实现一个简易计算器
2020/03/30 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
[51:20]完美世界DOTA2联赛PWL S2 Magma vs PXG 第一场 11.28
2020/12/01 DOTA
python 动态获取当前运行的类名和函数名的方法
2014/04/15 Python
python类装饰器用法实例
2015/06/04 Python
Python人脸识别初探
2017/12/21 Python
Python退火算法在高次方程的应用
2018/07/26 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
FFrpc python客户端lib使用解析
2019/08/24 Python
Python tkinter常用操作代码实例
2020/01/03 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
python为什么要安装到c盘
2020/07/20 Python
周仰杰(JIMMY CHOO)英国官方网站:闻名世界的鞋子品牌
2018/10/28 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
英国书籍、CD、DVD和游戏的第一道德零售商:Awesome Books
2020/02/22 全球购物
美国沃尔玛网上超市:Walmart
2020/08/14 全球购物
质检部职责
2013/12/28 职场文书
研究生毕业自我鉴定范文
2014/03/27 职场文书
学习型党组织心得体会
2014/09/12 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
毕业班工作总结
2015/08/10 职场文书
2016年党风廉政建设承诺书
2016/03/25 职场文书
导游词之神仙居景区
2019/11/15 职场文书