You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
959 B
18 lines
959 B
2 years ago
|
# 阻止冒泡在FineUI中适用场景
|
||
|
|
|
||
|
|
FineUI中Button,Combo等组件支持stopPropagation属性,顾名思义,作用是阻止冒泡的,那么具体哪些场景适用于阻止冒泡呢?
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
在外部组件可点击的情况下,内部包含独立可点击的组件
|
||
|
|
|
||
|
|
常见的自定义列表及树状节点,节点自身支持点击选中,同时节点的展开收起箭头以及右侧的更短选项图标按钮点击的时候不需要触发节点的选中.
|
||
|
|
这种情况下就轮到stopPropagation上场了. 例如阻止了展开收起箭头的冒泡,此时点击展开收起箭头只会触发树节点的展开收起,不会触发点击
|
||
|
|
|
||
|
|
阻止冒泡无须滥用,仅在明确意识到需要使用的时候方可使用.
|
||
|
|
|
||
|
|
阻止冒泡会带来些许副作用,这些作为已知现象并不需要刻意解决
|
||
|
|
|
||
|
|
例如可以拖动的组件,拖动过程中,在stopPropagation的元素上松开鼠标,会导致拖动状态不能正常结束.
|
||
|
|
|