APP端 .nvue页面中 video 上监听点击事件click ,在cover-view上点击会触发2次video的click;使用@click.stop= 不能阻止事件冒泡;
cover-view的子元素上的点击事件使用。。如下代码可以阻止其中一个点击事件冒泡到video 上
// #ifdef APP-NVUE
e.stopPropagation();
// #endif
以上代码可阻止的事件详情:
{
"type": "click",
"timeStamp": 1591327061974,
"target": {
"id": "",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"currentTarget": {
"ref": "646",
"type": "u-video",
"attr": {
"id": "myVideo",
"src": "https://xxxxx/tmp_file/test001.mp4",
"enableProgressGesture": false,
"showMuteBtn": true,
"vslideGestureInFullscreen": false,
"controls": true,
"enableDanmu": true,
"title": "titletitle",
"direction": "90"
},
"style": {
"width": "375",
"height": "211"
},
"event": ["error", "fullscreenchange", "fullscreenclick", "controlstoggle", "timeupdate", "play", "pause", "click"]
},
"detail": {}
}
不可阻止的事件详情:
{
"type": "click",
"timeStamp": 1591327061979,
"target": {
"id": "myVideo",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"currentTarget": {
"id": "myVideo",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"detail": {}
}
4 个回复
CLP
提供一个能复现问题的demo来
一顾倾人诚
遇到了同样的问题 在视频组件中 使用cover-view 无法用.stop 阻止冒泡
1***@qq.com - 80后阳光,正气男孩
1***@qq.com - 80后阳光,正气男孩
我在onload中,调用了uni.getSubNVueById('tabnav').show('none',0);,但是进入之后闪一下就消失了,滑动切换到第二个视频就又显示了,这是怎么回事啊,还有就是监听不到click事件,想根据click显示和隐藏菜单