200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > react取消捕获_React 阻止默认事件和阻止冒泡

react取消捕获_React 阻止默认事件和阻止冒泡

时间:2022-06-01 21:08:35

相关推荐

react取消捕获_React 阻止默认事件和阻止冒泡

首先有这样一段代码,

很久很久以前有这样一个故事,这要从远古时代说起

fn和fn1是一对父子

div是parent,span是children

fn是子,fn1是父

最近在学react

首先

...

fn(ev){

alert(children)

}

fn1(ev){

alert(parent)

}

render() {

return

children

}

...

一般情况下,原生js写法,阻止冒泡或者阻止默认事件,

原生JavaScript

有这两种

ev.cancelBubble = true

ev.stopPropagation()

但是react比较牛逼,使用ev.cancelBubble没有效果,return false也没有效果

官方也说了,在react中不能使用返回 false 的方式阻止默认行为

fn(ev){

alert(children)

ev.cancelBubble = true

}

然后使用ev.stopPropagation(),成功干掉默认事件

fn(ev){

alert(c

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。