美文网首页前端学习
注册登录和事件

注册登录和事件

作者: Parcel丶丶 | 来源:发表于2018-01-03 16:19 被阅读31次

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

事件传播机制:

DOM2级事件规定的事件流包括三个阶段。
1丶事件捕获阶段:最不具体的节点最早接收到事件,最具体的节点最后接收到事件。
2丶处于目标阶段:事件在最具体的节点上发生,并在事件处理中被当成冒泡阶段的一部分。
3丶事件冒泡阶段:由最具体的元素接收并逐级向上传播至较不具体的节点。

阻止传播

stopPropagation() 取消事件进一步捕获或冒泡  具体代码见下面

取消默认事件

preventDefault() 取消事件默认行为 具体代码见下

事件代理

事件代理 (事件委托) 利用了事件冒泡原理,把事件函数绑定在父级元素上,再指定需要执行函数的子元素,在触发事件时,事件会依次冒泡到父级元素,从而触发绑定在父级元素的事件函数。也就是说只指定一个事件处理程序,就可以管理某一类型的所有事件。
作用:
1:减少与dom的交互次数,提高代码性能
2:动态生成DOM元素时,可通过事件代理给新增的元素添加事件函数

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

事件传播.png

下面是阻止事件传播

阻止事件传播.gif

相关文章

  • 注册登录和事件

    1. 解释以下概念:事件传播机制、阻止传播、取消默认事件、事件代理。 事件传播机制: DOM2级事件规定的事件流...

  • 集登录、注册、找回密码于一体的高保真Axure交互原型模板

    该原型涵盖常用的登录(短信登录、账密登录、扫码登录、三方登录)、注册(短信注册、账密注册、邮箱注册)和找回密码(通...

  • APP的注册和登录功能设计

    一、为什么需要注册和登录? 是否需要注册和登录的关键取决于产品形态。 如果用户注册登录对于用户需求、产品功能、商业...

  • 账号体系设计(2):自建账号体系与第三方账号

    目录导语一、自建账号体系1.1 注册和登录统一1.2 注册和登录分开1.3 注册和登录结合二、第三方账号2.1 Q...

  • 步骤一

    1. 已有账号登录:本事件适用于已经注册成为平台的用户点击; 2. 新用户注册:本事件适用于未成功注册本平台的用户...

  • ASP.NET Core MVC手动添加标识(四)

    标识包含两部分:注册和登录。注册我们已经成功了,现在看看登录。 登录的过程和注册很相似,首先要有一个GET方法来请...

  • iOS电商项目之登录注册

    登录注册分为第三方登录(QQ、微信),立即注册、免密登录、忘记密码,整个模块细节非常多。 登录注册 登录注册 想要...

  • 注册 && 登录

    registration.html -- 注册页面 login.html -- 登录页面 注册和登录页面里的aja...

  • jquery知识点汇总

    delegate 注册事件和on注册事件 事件冒泡和事件默认行为 常用自定义效果 $.ajax() 请求

  • Cookie和登录注册

    1. 什么是Cookie? 服务器通过 Set-Cookie 头给客户端一串字符串 客户端每次访问相同域名的网页...

网友评论

    本文标题:注册登录和事件

    本文链接:https://www.haomeiwen.com/subject/jqjjixtx.html