react阻止冒泡事件(使用原生js方法)

来源:互联网 发布:配电网工程设计软件 编辑:程序博客网 时间:2024/05/22 23:15
//弹出框消失    cancelShade(){        this.refs.shadeDiv.style.display="none"        console.log(2)    }    keepShade(event){        console.log(1)        event.preventDefault();    // 阻止默认事件        event.stopPropagation();        this.refs.shadeDiv.style.display="block"

}

在当前弹出框有外边遮罩层的时候,也就是外边还有一个div的时候,使用原生的取消冒泡方法之前的写法只适用于弹出框直接在document上的情况
0 0
原创粉丝点击