jquery获取点击控件的绝对位置-创新互联

在使用jquery的过程中,想取得当前点击input的绝对位置而去显示一个div,jquery本身提供offset和position这个两个方法,但position官方解释是relative to the offset parent,可以看到是针对父结点的,而offset官方解释relative to the document,貌似使用offset可以直接绝对定位。但是在网页中如果出现嵌套div的情况,top和left会叠加,因此这个时候如果要定位显示一个新的div就要把父亲结点的offset去掉,jquery提供了offsetParent这个方法

长宁ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

因此,如下代码可以在点击一个控件后,在其下方显示一个绝对定位的div

  1. $('#id'function
  2. var
  3. var
  4. var
  5. //获取控件绝对位置
  6. while'tagName''body'
  7. '#div''top''px''left''px'

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:jquery获取点击控件的绝对位置-创新互联
浏览路径:http://bzwzjz.com/article/ddosig.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站建设 盐亭网站设计 企业网站设计 成都网站设计 成都模版网站建设 网站建设方案 网站建设方案 手机网站建设套餐 网站制作公司 成都网站制作 重庆手机网站建设 移动网站建设 成都响应式网站建设 企业网站设计 攀枝花网站设计 成都网站建设 成都响应式网站建设 教育网站设计方案 成都商城网站建设 成都营销网站建设 四川成都网站制作 品牌网站建设