react阻止事件冒泡
React阻止冒泡事件的方法,主要分为如下两种情况:
1、阻止合成事件间的冒泡,方法:e.stopPropagation();
事件绑定如下:
阻止事件冒泡的写法如下:
2、阻止合成事件与最外层document上的事件间的冒泡,方法:e.nativeEvent.stopImmediatePropagation();
事件绑定写法:
(1)不传参数:
(2)传参数:
阻止事件冒泡的写法:
这样写的原因,是给document添加了点击事件,如下图:
React阻止冒泡事件的方法,主要分为如下两种情况:
1、阻止合成事件间的冒泡,方法:e.stopPropagation();
事件绑定如下:
阻止事件冒泡的写法如下:
2、阻止合成事件与最外层document上的事件间的冒泡,方法:e.nativeEvent.stopImmediatePropagation();
事件绑定写法:
(1)不传参数:
(2)传参数:
阻止事件冒泡的写法:
这样写的原因,是给document添加了点击事件,如下图: