【微信小程序】 视图控件与bindtap之间的问题

【微信小程序】 视图控件与bindtap之间的问题在微信小程序中最常用的 view 控件可以用 bindtap 冒泡反应 如 viewbindtap ItemOnclick data mType 123 的形式绑定 ItemOnclick 事件并传递一个 dataset 其包含一个名为 mType 的元素值为 123 在某一次设计中有如下结构

微信小程序中 最常用的
控件 可以用bindtap(冒泡反应) 如
的形式绑定ItemOnclick事件并传递一个dataset,其包含一个名为mType的元素 值为123。

 
   
     
   

ItemOnclick事件在点击在图片上时不会触发 需要点击在图片之外及外层view范围之内的地方 才会触发

若将bindtap写在 标签内 则反过来 点击图片会触发 但点击在图片之外及外层view范围之内的地方不会触发

但是最近又碰到下面这种情况:

 
   
    
    
     
      
      
      
      
      
   

即点击事件由 传递到了外层的
因而触发了HideMenuList事件

这样的话那之前的判断就是错误的

目前还没找到这两种情况之间的关键差异,第二种情况的解决方案是 当显示菜单时 同时创造一个透明遮罩层覆盖除菜单列表外的区域,点击到这个透明遮罩层后触发HideMenuList事件并销毁或隐藏遮罩层

PS:第二种情况的方式 以前在html及Android环境下都有用过 是没有这个问题的,可能微信小程序这方面的底层机制和html及Android不一样,还待深究。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/215764.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午1:29
下一篇 2026年3月18日 下午1:29


相关推荐

  • vue中清除定时器

    vue中清除定时器欢迎访问我的博客 https qww com 祝码农同胞们早日走上人生巅峰 迎娶白富美 文章目录 1 前言 2 方式一 3 方式二 4 缓存 5 参考文档 1 前言最近看 vue js 实战 这本书 看到清除定时器在 beforeDestro 钩子函数中进行 但是按照经验 我记得 destroyed 中也是可以的 于是自己建了一个 vue cli 工程去研究清除定时器的一些方法 2 方式一 ex

    2026年3月18日
    2
  • 微信公众号开发基本流程

    微信公众号开发基本流程背景:过年前后做了个微信公众号项目,已经过去一段时间了,抽空回忆总结下基本流程吧,不然很快估计自己就忘了。。微信公众平台官网:https://mp.weixin.qq.com文章目录一、注册公众号二、了解公众号管理页面三、必备开发者工具的使用1.开发者文档2.在线接口调试工具3.web开发者工具4.公众平台测试账号四、细读开发者文档五、开发流程重点解析1.开发环境准备2.服务器基本配置3….

    2022年6月6日
    35
  • rpa文件解包_py封装exe

    rpa文件解包_py封装exe用cxfreeze打包py文件为exe文件全过程:必须全部看完,正确在后面注意:当前环境是Play_Craw,pipinstallcx-freeze时自然安装到了C:\Users\xiaosalang\Anaconda3\envs\Play_Craw\Scripts处检验是否安装成功:cxfreeze-h将路径切换到.py文件处:如桌面文件cx1.py内容是:whil…

    2022年4月19日
    47
  • CDN加速是什么?具体有什么用?

    CDN加速是什么?具体有什么用?简介 了解和学习阿里云 CDN 的工作原理非常重要 这对于网站优化 解决用户问题都有非常大的帮助 本文主要介绍了阿里云 CDN 的加速原理和缓存策略 举了一些实际的例子方便读者能清晰地理解阿里云 CDN 什么是 CDNCDN 的全称是 ContentDeliv 即内容分发网络 CDN 是构建在现有网络基础之上的智能虚拟网络 依靠部署在各地的边缘服务器 通过中心平台的负载均衡 内容分发 调度等功能模块 使用户就近获取所需内容 降低网络拥塞 提高用户访问响应速度和命中率 CDN 的关键技术主要包括了节

    2026年3月17日
    3
  • 如何判断一段数据趋势,上升或 下降

    如何判断一段数据趋势,上升或 下降

    2021年11月22日
    46
  • linux的软连接命令_linux软连接怎么用

    linux的软连接命令_linux软连接怎么用Linux命令之软连接详解。结合示例详细说明软链接的创建,同时给出如何正确删除一个软链接。

    2026年4月19日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号