理解DOM模型,可以用点击按钮出现浮层,点击别处浮层消失这个例子:
如图,点击button
后,没有出现浮层,原理如下:
此时在JS中添加e.propagation
,浮层出现
原因是添加e.propagation
后,会阻断下一个函数:
但用此方法非常浪费内存,于是可以做出如下优化:
如果删掉stopPropagation
输出结果如下:
、
原理是:
解决方案一种是组织冒泡,一种是加入setTimeout函数:
理解DOM模型,可以用点击按钮出现浮层,点击别处浮层消失这个例子:
如图,点击button
后,没有出现浮层,原理如下:
此时在JS中添加e.propagation
,浮层出现
原因是添加e.propagation
后,会阻断下一个函数:
但用此方法非常浪费内存,于是可以做出如下优化:
如果删掉stopPropagation
输出结果如下:
、
原理是:
解决方案一种是组织冒泡,一种是加入setTimeout函数: