微信小程序事件对象currentTarget和target属性的区别
2023-02-18 16:30:15 时间
点击内层view触发点击事件并且发生事件冒泡,外层view也会触发点击事件,打印结果如图所示 通过id可以看出来这两个属性的区别
currentTarget属性为触发事件的元素,target属性为产生事件的元素
效果图
wxml
<view id="outer" class="outer" bindtap="outerClick">
<view id="inner" class="inner" bindtap="innerClick"></view>
</view>
wxss:设置一些样式方便观察
.outer{
width: 400rpx;
height: 400rpx;
background-color: red;
}
.inner{
width: 200rpx;
height: 200rpx;
background-color: blue;
}
js
Page({
outerClick(e) {
console.log(e);
},
innerClick(e) {
console.log(e);
}
})
相关文章
- 解决第三方邮箱APP登陆QQ、163邮箱无法验证账户名或密码的问题(IOS、MacOS、Windows、Android)
- Mac电脑运行ios应用PlayCover
- 苹果发布 iOS 16 公开测试版,一起来看看这几项新功能
- 解决 Flutter 引起的 iOS 内存崩溃问题
- iOS 16 中的 Live Text 的更新
- iOS16 中的 3 种新字体宽度样式
- 在 iOS 16 中用 SwiftUI Charts 创建一个折线图
- 在 iOS16 中用 SwiftUI 图表定制一个线图
- Android平台GB28181设备接入端如何支持跨网段语音对讲?
- 基于flask和bootstrap-table的通用数据查询
- 爬虫方案 | 爬取大众点评网评论的几个思路(从小程序端)
- 【黄啊码】如何用小程序实现世界杯参赛队伍投票
- 《Android App开发进阶与项目实战》资源下载和内容勘误
- 微信小程序使用阿里巴巴的矢量图标iconfont
- 微信小程序 点击显示隐藏 极简Tab标签 点击添加class样式
- 微信小程序 wx:if 与 hidden区别
- 微信小程序 CSS border-radius元素 overflow:hidden失效问题 iPhone ios 苹果兼容问题
- 微信小程序 自定义 tabBar案例 官方案例迁入无效解决方法 非 tab 页显示 tabBar的问题解决 自定义tabBar与原生tabBar以及自写伪tabbar的区别
- IOS APPStore 上传更新应用版本 软件
- Android - NETD解读