事件、注册登录、Tab 切换效果

解释以下概念:事件传播机制、阻止传播、取消默认事件、事件代理

事件传播机制

事件传播机制分为三个阶段:
1、捕获阶段:先由文档的根节点往事件触发对象,从外向内捕获事件对象
2、目标阶段:到达目标事件位置,触发事件。
3、冒泡阶段:再从目标事件位置往文档的根节点方向回溯,从内向外冒泡事件对象。

阻止传播

可以调用事件对象的stopPropagation()方法以阻止事件的继续传播。如果在同一对象上定义了其他处理程序,剩下的处理程序将依旧被调用,但调用stopPropagation()之后任何其他对象上的事件处理程序将不会被调用。

取消默认事件

可以通过调用事件对象的preventDefault()方法取消事件的默认操作

事件代理

事件代理利用了事件冒泡原理,将事件函数绑定在父元素身上,再指定需要执行函数的子元素,在触发事件时,事件会依次冒泡到父级元素,从而触发绑定在父级元素的事件函数。

写一个 Demo,演示事件传播的过程,演示阻止传播的效果

事件传播
阻止事件传播

实现页面

页面

你可能感兴趣的:(事件、注册登录、Tab 切换效果)