【无标题】微信小程序如果VIEW绑定点击事件

这篇具有很好参考价值的文章主要介绍了【无标题】微信小程序如果VIEW绑定点击事件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序如果VIEW绑定点击事件,而且绑定的VIEW中存在许多子元素,会出现一下问题:

在回调函数中使用e.target来获取消息,虽然触发了点击事件,但是传递的消息是空值,只有点击在空白区域才会返回有效值。

解决方法:使用e.currentTarget来获取消息。

js回调函数:

  DevTuchCall:function(e){
    console.log('有按键按下啦:::');
    console.log(e.currentTarget.id);
}

wxml代码文章来源地址https://www.toymoban.com/news/detail-714329.html

<view wx:for="{{DevList}}"class="top-box"bindtap="DevTuchCall" wx:key="*this" id="{{item.type}}">
  <image src="{{item.unique}}"class="devlog" />
  <view class="userinfo">
    <text >{{item.name}}</text>
    <text >ID:{{item.mac}}</text>
  </view>
  <image src="../image/arrow-r.png"class="arrowlog" />
</view>

到了这里,关于【无标题】微信小程序如果VIEW绑定点击事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序(二)事件绑定

    注释很详细,直接上代码 上一篇 新增内容: 点击事件绑定 注册页面 设置页面初始化数据 事件处理函数的实现 更新数据并更新视图 源码: index.wxml index.js 效果演示: 按钮点击前 按钮点击后 下一篇

    2024年01月17日
    浏览(22)
  • 【微信小程序】一文解忧,事件绑定

    🍒 观众老爷们好呀,小程序系列的新文章又来啦,即使是暑假也不能停止学习呀!上文我们详细了解了微信小程序WXML模板语法中的数据绑定,小程序中的事件绑定也是我们必须掌握的方法。 🍒 那么现在我们就开始学习吧,小本本快拿出来记笔记呀。 首先我们来理清事件的

    2024年02月02日
    浏览(34)
  • 【小程序教程】微信小程序之事件绑定

    微信小程序的事件绑定是非常重要的一部分,它可以让我们的小程序与用户进行交互,实现各种功能,例如点击按钮、滑动页面、输入内容等等。本篇博文将详细介绍微信小程序如何进行事件绑定,并且给出相关的代码示例,方便大家理解。 在微信小程序中,通过在标签上绑

    2024年02月04日
    浏览(27)
  • 微信小程序数据绑定和事件触发

    数据绑定和修改 微信小程序数据绑定是指将数据和视图进行关联,当数据发生变化时,视图也会相应地发生变化。微信小程序数据绑定主要有以下几种方式: 双向绑定:双向绑定是指数据和视图之间的双向关联,当数据发生变化时,视图也会相应地发生变化,反之亦然。在

    2024年02月10日
    浏览(44)
  • 【微信小程序---绑定事件bindtap跳转】

    1.所需要跳转的页面进行 bindtap=“f0” 绑定所需要的地方 2.在js页面进行 f0:function(event){函数指向功能} 以上是绑定按钮跳转事件 wx.navigateTo() 保留当前页面 ,跳转到指定页面 可以返回到原页面 wx.redirectTo() 关闭当前页面 ,跳转指定页面  不能返回 wx.switchTab() 跳转到 tabBar 页面

    2024年02月10日
    浏览(43)
  • uniapp微信小程序 实现评论键盘弹出的时候 有两个输入框,第一个输入框被禁用并绑定了点击事件,点击后想要触发第二个输入框获取焦点并弹出键盘。但是在 iOS 真机上点击后键盘会短暂失去焦点

    问题 :我现在有一个需求就是 要实现输入评论  有两个输入框,第一个输入框被禁用并绑定了点击事件,点击后想要触发第二个输入框获取焦点并弹出键盘。但是在 iOS 真机上点击后键盘会短暂失去焦点  安卓真机测试没有问题 原因 : 1. iOS 上输入框聚焦有一个显式的动画过

    2024年02月04日
    浏览(38)
  • 微信小程序学习之数据绑定,事件绑定,事件传参与数据同步的学习记录

    数据绑定的基本原则:在data中定义数据,在wxml中使用数据 1.1. 在data中定义数据 在data中定义数据,找到页面对应的.js文件,然后把数据定义到data中即可。 pages/list/list.js 1.2. 在wxml中渲染数据 (mustache语法) mustache语法,插值表达式 将data中的数据绑定到页面中渲染,使用mu

    2024年02月13日
    浏览(33)
  • 微信小程序的点击效果(支持view、button、navigator)

    查看微信小程序官方文档,我们可以看到button有  通过设置  hover-class ,实现点击态效果,我们可以增强小程序触感,提高用户交互感知度。 话不多说,直接上代码 .wxss文件 .wxml文件 要丰富点击的样式的话,可以自己修改 hover-class的样式

    2024年02月06日
    浏览(28)
  • 微信小程序之点击事件

    微信小程序中常用的点击事件主要是  tap ,但除此之外还有其他的触摸类事件,用于不同的交互场景。以下是一些常见的点击和触摸相关的事件及其区别: 3.1.冒泡事件: 冒泡(Bubble)是一种事件传播机制,在Web开发领域和微信小程序中广泛存在。当用户在一个页面元素上触

    2024年04月23日
    浏览(30)
  • 微信小程序:tabbar、事件绑定、数据绑定、模块化、模板语法、尺寸单位

    目录 1. tabbar 1.1 什么是tabbar  1.2 配置tabbar  2. 事件绑定 2.1 准备表单 2.2 事件绑定 2.3 冒泡事件及非冒泡事件  3. 数据绑定 3.1 官方文档 4. 关于模块化 5. 模板语法 6. 尺寸单位 下图中标记出来的部分即为tabbar:    官方说明文档:   说明: pagePath中指定的页面,必须在app.jso

    2024年02月04日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包