微信小程序获取dom节点信息

╰半夏微凉° 2021-07-24 19:58 1550阅读 0赞

直接在生命周期函数中获取值为null
    	方式一:再加个延迟200毫秒的函数获取
    	方式二:在onReady中使用(未测试)
    
    1、创建选择器
    	const query = wx.createSelectorQuery();
    	
    	将选择器的选取范围更改为自定义组件component内.(初始时,选择器仅选取页面范围的节点，不会选取任何自定义组件中的节点)
    	const query = wx.createSelectorQuery().in(this);
    
    2、查询
    	获取单个
    		query.select('选择器').boundingClientRect((res)=>{...})
    	获取集合
    		query.selectAll('选择器').boundingClientRect((res)=>{
    		      rect.id      // 节点的ID
    		      rect.dataset // 节点的dataset
    		      rect.left    // 节点的左边界坐标
    		      rect.right   // 节点的右边界坐标
    		      rect.top     // 节点的上边界坐标
    		      rect.bottom  // 节点的下边界坐标
    		      rect.width   // 节点的宽度
    		      rect.height  // 节点的高度
    	    }).exec()
        
    3、获取dom
    	
    	目前支持Canvas的获取。
    		query.select('选择器').node((res)=>{...})
    
    4、在滚动视图中获取相关滚动数据
    	节点必须是 scroll-view 或者 viewport，返回 NodesRef 对应的 SelectorQuery。
    	   
    	   query.select('选择器').selectViewport().scrollOffset(function(res){
    	      res.id      // 节点的ID
    	      res.dataset // 节点的dataset
    	      res.scrollLeft // 节点的水平滚动位置
    	      res.scrollTop  // 节点的竖直滚动位置
    	    }).exec()

发表评论取消回复

表情：

评论列表（有 0 条评论，1550人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序微信授权获取用户信息

> 福兮祸所伏，祸兮福所倚关于微信授权这块都有固定的几个步骤 1. 首先调用官方API获取登录凭证code 2. 通过code去换取openId（openId就是

叁歲伎倆/ 2022年11月28日 13:26/ 0 赞/ 392 阅读

相关微信小程序获取用户信息

> 1. 2021年4月13日后发布的小程序新版本，无法通过wx.getUserInfo与获取用户个人信息（头像、昵称、性别与地区），将直接获取匿名数据（包括userInfo

深藏阁楼爱情的钟/ 2022年11月15日 14:08/ 0 赞/ 272 阅读

相关微信小程序 ---- 用户信息获取篇

用户信息让用户登录 <button class='bottom' type='primary' open-type="getUserInfo" withC

梦里梦外;/ 2022年10月10日 12:46/ 0 赞/ 213 阅读

相关微信小程序获取用户设备信息

wx.request({ // 获取ip url: 'http://ip-api.com/json', success: fu

Love The Way You Lie/ 2022年08月31日 05:57/ 0 赞/ 252 阅读

相关微信小程序中获取用户微信运动信息

可以通过微信接口：wx.getWeRunData 获取用户过去三十天的微信运动步数。前提：使用这个接口有两个前提： 1. 需先调用wx.login接口进行登录步

电玩女神/ 2022年02月21日 01:51/ 0 赞/ 1013 阅读

相关小程序如何获取dom 元素节点

返回的 obj 有五个方法： 1. obj.in(component)：没用过这个方法，多用于组件的选择器。 2. obj.select(selector)：获取指定

蔚落/ 2021年12月04日 00:25/ 0 赞/ 1199 阅读

相关微信小程序抽象节点

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 这个特性自小程序基础库版本 [1.9.6][] 开始支持。在组件中使用抽象节点有时，自定

﹏ヽ暗。殇╰゛Y/ 2021年09月08日 20:24/ 0 赞/ 330 阅读

相关微信小程序获取dom节点信息

直接在生命周期函数中获取值为null 方式一:再加个延迟200毫秒的函数获取方式二:在onReady中使用(未测试) 1、创建选

╰半夏微凉°/ 2021年07月24日 19:58/ 0 赞/ 1551 阅读

相关 taro 获取dom节点信息

直接在生命周期函数中获取值为null 方式一:再加个延迟200毫秒的函数获取 1、创建选择器 const query = Taro

拼搏现实的明天。/ 2021年07月24日 16:54/ 0 赞/ 1876 阅读

相关微信小程序获取用户信息(授权登录)

1、在button中添加属性 open-type='getUserInfo' 2、button绑定事件监听 bindgetuse

悠悠/ 2021年07月24日 12:51/ 0 赞/ 802 阅读