Skip to main content

其他

严格模式

"use strict"

全局作用域中 this 指向 window 对象 全局作用域中函数中 this 为 undefined ** 对象的方法中 this 为对象实例 ** 构造函数中的 this 为构造函数创建的对象实例

事件

阻止冒泡

下面是三种处理事件冒泡的方法

1.使用 preventDefault();

<button onClick={(e) => { e.preventDefault();}}>取消</button> 使用 e.preventDefault() 用于取消事件的默认行为,如果 a 标签的默认事件是 href 跳转,加了就不会跳转了 2.使用 stopPropapation();

<button onClick={(e) => { e.stopPropagation();}}>取消</button> 使用 e.stopPropagation() 用于取消所有后续事件捕获和事件冒泡 3.直接使用 return false

<button onClick={(e) => { return false ;}}>取消</button>

事件流总共 3 个阶段:事件捕获,到达目标,事件冒泡 事件捕获是从外层到里层到 body 这一层就结束,到达目标即触发事件的节点的过程一般是指 body 里的那一层,事件冒泡是从里层到外层