2020年1月10日

0175 常用鼠标事件 之 鼠标事件对象、获取鼠标在页面的坐标、跟随鼠标的天使案例

摘要: event对象代表事件的状态,跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。 1.4.3 获取鼠标在页面的坐标 1.4.4 案例:跟随鼠标的天使 阅读全文

posted @ 2020-01-10 21:17 冲啊! 阅读(410) 评论(0) 推荐(0) 编辑

0174 常用鼠标事件 之 禁止选中文字和禁止右键菜单:contextmenu,selectstart

摘要: ![](https://img2018.cnblogs.com/blog/1877004/202001/1877004-20200110201611620-110471947.png) ```js 我是一段不愿意分享的文字 ``` 阅读全文

posted @ 2020-01-10 20:17 冲啊! 阅读(324) 评论(0) 推荐(0) 编辑

0173 事件委托:原理、作用

摘要: 事件冒泡本身的特性,会带来的坏处,也会带来的好处。 1.3.8.1 什么是事件委托 事件委托:也称为事件代理,在 jQuery 里面称为事件委派。 说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码在父元素的事件中执行。 生活中的代理: js事件中的代理: 1.3.8.2 事件委托的原理 阅读全文

posted @ 2020-01-10 19:55 冲啊! 阅读(331) 评论(0) 推荐(0) 编辑

0172 事件对象 之 阻止事件冒泡:stopPropagation(),cancelBubble=true

摘要: 事件冒泡本身的特性,会带来的坏处,也会带来的好处。 阻止事件冒泡的兼容性处理 阅读全文

posted @ 2020-01-10 17:29 冲啊! 阅读(289) 评论(0) 推荐(0) 编辑

0171 事件对象 之 阻止默认行为:preventDefault(),returnValue,return false

摘要: html中一些标签有默认行为,例如a标签被单击后,默认会进行页面跳转。 阅读全文

posted @ 2020-01-10 16:48 冲啊! 阅读(198) 评论(0) 推荐(0) 编辑

0170 事件对象:事件对象的属性和方法,e.target 和 this 的区别

摘要: 1.3.5.1 什么是事件对象 事件对象 :事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象。 比如: 1. 谁绑定了这个事件。 2. 鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置。 3. 键盘触发事件的话,会得到键盘的相关信息,如按了哪个键。 1.3.5. 阅读全文

posted @ 2020-01-10 16:43 冲啊! 阅读(435) 评论(0) 推荐(0) 编辑

0169 DOM事件流/事件机制/事件模型/事件周期:捕获、触发,冒泡

摘要: DOM事件流 事件流 :描述的是从页面中接收事件的顺序。 事件 发生时会在元素节点之间按照特定 的 顺序传播,这个 传播过程 即 DOM 事件流 。 比如:我们给页面中的一个div注册了单击事件,当你单击了div时,也就单击了body,单击了html,单击了document。 DOM 事件流会经历3 阅读全文

posted @ 2020-01-10 13:50 冲啊! 阅读(239) 评论(0) 推荐(0) 编辑

0168 注册事件(2种方式),监听事件,删除事件

摘要: 1.3.1 注册事件(2种方式) 给元素添加事件,称为 注册事件 或者 绑定事件 。 注册事件有两种方式: 传统方式 和 方法监听 注册方式。 1.3.1.1 传统注册方式 利用 on 开头的事件 onclick 特点: 1、注册事件的 唯一性 2、同一个元素同一个事件只能设置一个处理函数,最后注册 阅读全文

posted @ 2020-01-10 11:18 冲啊! 阅读(757) 评论(0) 推荐(0) 编辑

0167 DOM核心总结:创建、增、删、改、查、属性操作、事件操作

摘要: 关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。 1.2.1 创建 1.2.2 增加 1.2.3 删 1.2.4 改 1.2.5 查 1.2.6 属性操作 1.2.7 事件操作(重点) 阅读全文

posted @ 2020-01-10 09:11 冲啊! 阅读(157) 评论(0) 推荐(0) 编辑

0166 DOM 之 节点操作: 删除节点,删除留言案例,复制(克隆)节点,动态生成表格案例,创建元素的三种方式,innerHTML和createElement效率对比

摘要: 1.1.1 删除节点 1.1.2 案例:删除留言 1.1.3 复制(克隆)节点 1.1.4 案例:动态生成表格 1.1.5 创建元素的三种方式 1.1.6 innerTHML和createElement效率对比 innerHTML字符串拼接方式(效率低) createElement方式(效率一般) 阅读全文

posted @ 2020-01-10 08:49 冲啊! 阅读(317) 评论(0) 推荐(0) 编辑

导航