From e947d2d9f82ceeab8db8dc4655ca2a9ed18a8b4e Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Tue, 12 Nov 2019 17:16:46 +0800 Subject: [PATCH] fix #67 --- 04-JavaScript基础/28-事件捕获和事件冒泡.md | 7 ++++--- .../{29-事件委派.md => 29-事件委托.md} | 0 14-前端面试/03-DOM事件的总结.md | 14 ++++++-------- 3 files changed, 10 insertions(+), 11 deletions(-) rename 04-JavaScript基础/{29-事件委派.md => 29-事件委托.md} (100%) diff --git a/04-JavaScript基础/28-事件捕获和事件冒泡.md b/04-JavaScript基础/28-事件捕获和事件冒泡.md index f7dbe8a..2c3c722 100644 --- a/04-JavaScript基础/28-事件捕获和事件冒泡.md +++ b/04-JavaScript基础/28-事件捕获和事件冒泡.md @@ -248,12 +248,12 @@ event.cancelBubble = true var pagey = event.pageY || scroll().top + event.clientY; // 设置div的偏移量(相对于整个页面) - // 注意,如果想通过 style.left 来设置属性,一定要给 box1开启绝对定位。 + // 注意,如果想通过 style.left 来设置属性,一定要给 box1 开启绝对定位。 box1.style.left = pagex + 'px'; box1.style.top = pagey + 'px'; }; - // 【重要的注释】 + // 【重要注释】 // 当 document.onmousemove 和 box2.onmousemove 同时触发时,通过 box2 阻止事件向 document 冒泡。 // 也就是说,只要是在 box2 的区域,就只触发 document.onmousemove 事件 var box2 = document.getElementById('box2'); @@ -286,12 +286,13 @@ event.cancelBubble = true ``` +关键地方可以看代码中的注释。 + 效果演示: ![](http://img.smyhvae.com/20191112_1650.gif) - ## 我的公众号 想学习**代码之外的技能**?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。 diff --git a/04-JavaScript基础/29-事件委派.md b/04-JavaScript基础/29-事件委托.md similarity index 100% rename from 04-JavaScript基础/29-事件委派.md rename to 04-JavaScript基础/29-事件委托.md diff --git a/14-前端面试/03-DOM事件的总结.md b/14-前端面试/03-DOM事件的总结.md index ca5a6e0..5766fb8 100644 --- a/14-前端面试/03-DOM事件的总结.md +++ b/14-前端面试/03-DOM事件的总结.md @@ -3,10 +3,13 @@ ## 前言 -要学习事件的基础内容,请看先本人的这篇基础文章: +要学习事件的基础内容,请看先本人之前的基础文章: -- [JavaScript基础:事件对象Event和冒泡](https://github.com/smyhvae/Web/blob/master/03-JavaScript/09-JavaScript%E5%9F%BA%E7%A1%80%EF%BC%9A%E4%BA%8B%E4%BB%B6%E5%AF%B9%E8%B1%A1Event%E5%92%8C%E5%86%92%E6%B3%A1.md) +- 《04-JavaScript基础/27-事件对象Event》 +- 《04-JavaScript基础/28-事件捕获和事件冒泡》 + +- 《04-JavaScript基础/29-事件委托》 知识难度不大,只是大家需要系统地学习。 @@ -296,16 +299,11 @@ IE10以下则是: ``` - - - - ## 事件委托 参考本人这篇文章的最后一段: - -- [JavaScript基础:事件对象Event和冒泡](https://github.com/smyhvae/Web/blob/master/03-JavaScript/09-JavaScript%E5%9F%BA%E7%A1%80%EF%BC%9A%E4%BA%8B%E4%BB%B6%E5%AF%B9%E8%B1%A1Event%E5%92%8C%E5%86%92%E6%B3%A1.md) +- 《04-JavaScript基础/29-事件委托》