摘要: 案例:跟随鼠标的天使 案例分析: 1.鼠标不断地移动,使用鼠标移动事件:mousemove 2.在页面中移动,给document注册事件 3.图片要移动距离,而且不占位置,我们使用绝对定位即可 4.核心原理:每次鼠标移动,我们都会获得最新的鼠标坐标,把这个x和y坐标作为图片的top和left值就可以 阅读全文
posted @ 2022-09-18 22:16 chichi0002 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 高级事件-鼠标事件 鼠标事件: 鼠标事件对象: 阅读全文
posted @ 2022-09-18 21:48 chichi0002 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 高级事件-事件委托 事件委托也称为事件代替,在jQuery里面称为事件委派。 原理: 不是每个子节点单独设置事件监听器,而是将事件监听器设置在父节点上,然后利用冒泡原理影响设置每个子节点。 作用: 我们只操作了一次DOM,提高了程序的性能。 ==案例== 给ul 注册点击事件,然后利用事件对象的ta 阅读全文
posted @ 2022-09-18 21:36 chichi0002 阅读(20) 评论(0) 推荐(0) 编辑
摘要: e.target 和 this 区别、阻止默认事件、阻止冒泡事件 1.e.target 和 this 区别 事件对象的常见属性和方法 2.返回事件类型 3.阻止默认事件 4.阻止冒泡 阻止事件冒泡兼容性解决方案 阅读全文
posted @ 2022-09-18 21:19 chichi0002 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 高级事件-事件对象 1.事件对象 eventTarget.onclick = function(event){} eventTarget.addEventListener('click',function(event){}) //这个 event 就是事件对象,我们还喜欢写成 e 或者 evt 官方 阅读全文
posted @ 2022-09-18 20:45 chichi0002 阅读(25) 评论(0) 推荐(0) 编辑
摘要: DOM事件流 1.理论 事件流描述的是从页面中接受事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。 比如我们给一个div注册了一个点击事件: DOM流分为3个阶段:捕获阶段、当前目标阶段、冒泡阶段 事件冒泡: IE 最早提出,事件开始时由最具体的元素接收,然后 阅读全文
posted @ 2022-09-18 19:42 chichi0002 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 高级事件-删除事件(解绑事件)方式:detachEvent、removeEventListener 1.删除事件的方式 传统注册方式: eventTarget.onclick=null; 方法监听注册方式: eventTarget.removeEventListener(type,listener[ 阅读全文
posted @ 2022-09-18 13:02 chichi0002 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 三种动态创建元素及其区别 document.write( ) element.innerHTMML document.createElement( ) 区别: 1.document.write 是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘。 2.innerHTMML 是将 阅读全文
posted @ 2022-09-18 11:21 chichi0002 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 高级事件-注册事件(绑定事件)事件监听方式:addEventLIstener、attachEvent 1.事件监听概述 给元素添加事件,称为注册事件或者绑定事件 注册事件有两种方式:传统方法 和 方法监听注册方式 传统注册方式 利用on开头的事件onclick <button onclick="al 阅读全文
posted @ 2022-09-18 11:21 chichi0002 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 案例:动态生成表格 注意:本案例不涉及数据库 ==style:== ==body:== ==script:== ==结果:== 当点击删除时,对应的行会被删除 阅读全文
posted @ 2022-09-18 09:58 chichi0002 阅读(17) 评论(0) 推荐(0) 编辑