新网创想网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://www.wjwzjz.com/article/ddosig.html
在线咨询
服务热线
服务热线:028-86922220
TOP