小程序如何获取点击元素信息,点击元素对象

使用驼峰模式,给点击元素绑定 data-***,通过 event.currentTarget.dataset 获取

示例:

<image bindtap="tap" data-message="{{ item }}"   src="{{ item.mini_pic }}" class="{{ item.show_opacity ? 'show_opacity' : ''}}" >
</image>

// 获取的点击节点元素是一个对象
 tap: function(event) {
    var message = event.currentTarget.dataset.message;
}

原文地址:https://www.cnblogs.com/shipskunkun/p/11802527.html

时间: 2024-10-09 11:13:14

小程序如何获取点击元素信息,点击元素对象的相关文章

微信小程序 定位 获取国家省市区

从文档可知该方法只是返回的位置坐标等信息,并未返回地理位置名称.好在腾讯地图准们为小程序提供了接口SDK来获取位置信息. 文档地址如下:http://lbs.qq.com/qqmap_wx_jssdk/index.html SDK使用方法请参照该文档. 在小程序中获取地理位置信息的流程就是: 根据wx.getLocation方法获取当前位置坐标. 根据reverseGeocoder方法获取当前坐标地理位置信息. 注意:会提示https://apis.map.qq.com不是request 合法域

当在微信扫一扫进入小程序 并获取到二维码的参数 从而实现扫码进入小程序

第一步:  登录你的小程序账号,找到设置 ,然后选择开发设置 点击添加后进去页面: 填写相应的一些二维码规则,就是你生成这个扫码的规则,还有根据项目情况填写下面对应的要求  保存之后可以返回到之前的页面 这样就实现了在微信打开扫一扫就进入小程序了 更深入一些: 当需要扫码进入之后需要获取二维码的参数进行下一步操作的话 ,可以再onload函数中进行判断 逻辑代码如下 if(e.q){ var scene = decodeURIComponent(e.q)  // 使用decodeURICompo

微信小程序如何获取openid

微信小程序如何获取openid wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(res) var appid = 'wxbe08efce713a44bf'; //填写微信小程序appid var secret = 'd65ad3d9ee159c568200c30a3bb49baf'; //填写微信小程序secret //调用request请求api转换登录凭证

【小程序】获取到的e.target与e.currentTarget区别

[小程序]获取到的e.target与e.currentTarget区别:https://blog.csdn.net/qq_33744228/article/details/80310294 使用e.target.dataset的问题:https://www.cnblogs.com/xiaoli52qd/p/7857468.html 原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/9647334.html

【微信小程序】获取轮播图当前图片下标、滑动展示对应的位数、点击位数展示对应图片

业务需求: 3个图片轮番播放,可以左右滑动,点击指示点可以切换图片  index.wxml: 这里使用小程序提供的<swiper>组件autoplay:自动播放interval:自动切换时间duration:滑动动画的时长current:当前所在的页面bindchange:current 改变时会触发 change 事件由于<swiper>组件提供的指示点样式比较单一,另外再自定义指示点的样式 index.wxml : <scroll-view scroll-y="

微信小程序实现获取用户信息并存入数据库操作示例

微信小程序获取用户信息简单,但是在存入自己服务器数据库的过程中研究了一天多的时间,并且网上搜索不到该资源,故发出来供大家参考. index.js ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 Page({  data: {   nickNam

小程序页面获取滚动条高度

没有用过vue等MVVM的框架,直接开始做小程序,没有dom操作真是各种不适应,思维有时都转换不过来 想要做的效果是  很常见的滚动条超出某个元素时,该元素固定在顶部 网上看到的获取滚动条高度及返回顶部的代码 onPageScroll:function(e){ // 获取滚动条当前位置 console.log(e) }, goTop: function (e) { // 一键回到顶部 if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0 })

小程序--重新获取用户授权

微信小程序这个设计确实给开发者带来了一些不便. 当用户拒绝之后没法在短时间内再次弹窗提示用户授权,如果非要获取用户信息的话,业务流程就受阻了. 但是,小程序还是留了一个口子. wx.openSetting({success:(res)=>{console.log(res);}});

微信小程序之获取验证码js

在微信小程序中怎样实现获取验证码的倒计时功能捏,倒计时的原理是一样一样的,就是某些地方需要注意. 第一步:结构 <view class='get-code' wx:if="{{!isShow}}" bindtap='getCode'>获取验证码</view> <view class='get-code' wx:if="{{isShow}}">{{sec}}秒后重新发送</view> 注意:微信小程序中要用到两个按钮,不

微信小程序【获取验证码】倒计时效果

最近开始接触微信小程序,会记录一些相关的小功能--例如这次是点击[获取验证码]按钮出现的倒计时效果. 原文: http://blog.csdn.net/Wu_shuxuan/article/details/78539075  感谢 .wxml <button class="buttonget" disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode"> {{ti