阻止点击事件冒泡,不让父级元素的点击事件响应

来源:互联网 发布:数据有效性wps2016 编辑:程序博客网 时间:2024/06/08 14:25
<div v-if="showpageinfo">  <div class="pageinfo">{{curPage}} / {{totalPages}}</div>  <div id="downloadBtn" class="downloadBtn" ><img v-bind:src="downloadIcon" /></div></div>
if (localStorage.devUserAgent === 'ios') {  // 返回App小位页面  document.getElementById('downloadBtn').onclick = function () {    event.stopPropagation()    connectWebViewJavascriptBridge(function (bridge) {      bridge.callHandler('jsCall_download_img', {'imgUrl': self.curimgsrc}, function (response) {        console.log('OC中返回的参数:', response)      })    })  }} else if (localStorage.devUserAgent === 'android') {  // 返回App小位页面  document.getElementById('downloadBtn').onclick = function () {    event.stopPropagation()    window.android.jsCall_download_img(self.curimgsrc)  }}
发现点击元素的事件生效,父级元素的点击事件也生效了。
为了阻止父级元素的点击事件:
event.stopPropagation()
       

阅读全文
0 0
原创粉丝点击