微信小程序—点击navigator中的子元素同时,防止跳转
来源:互联网 发布:hadoop可以在 windows 编辑:程序博客网 时间:2024/06/07 02:46
前期代码:
<navigator hover-class="none" url=''> <view>内容</view> <view bindtap='telChange'>拨打电话</view></navigator>
telChange: function (e) { wx.makePhoneCall({ phoneNumber: e.currentTarget.dataset.text }) },
在执行完telChange之后页面会进行跳转,不想要这种效果
需要把bindtab 改成 catchtap 即可
原理:bind的不会阻止事件冒泡(元素最里层到最外层函数执行),catch会阻止冒泡,只是冒泡到当前层结束
阅读全文
0 0
- 微信小程序—点击navigator中的子元素同时,防止跳转
- 微信小程序,关于navigator子元素绑定事件,阻止navigator跳转
- 微信小程序-navigator 跳转url传递参数
- 微信小程序-navigator 跳转url传递参数
- 微信小程序navigator的open-type跳转问题
- 【工作笔记】点击div中的内部元素,防止事件冒泡
- 微信小程序开发—(十一)navigator
- 微信小程序 navigator组件
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序navigator无法跳转 navigateTo:fail url not in app.json
- 小程序点击跳转页面
- ReactNative页面跳转Navigator
- ReactNative页面跳转Navigator
- ReactNative页面跳转Navigator
- ReactNative Navigator 页面跳转
- 如何防止用户同时点击多个button
- iOS中防止两个按钮同时点击的方法
- [源码]BlockCanary学习笔记
- JAVA接口 字符串
- Idea环境下git 图形化操作
- C++ 异常处理详解
- latex符号打印总结
- 微信小程序—点击navigator中的子元素同时,防止跳转
- java并发编程实践(5)
- 一位10年Java工作经验的架构师聊Java和工作经验
- [技巧分享-软件使用] Beyond Compare添加到系统右键菜单
- 微信公众号开发系列三:响应关注和取关事件
- Android View 系统 2
- JZOJ 5496. 【清华集训2017模拟12.09】Tree
- 放大了的孤独与努力宣言·《山月不知心底事》·三
- ECS Windows服务器通过ie下载提示当前安全设置不允许下载该文件