摘要: 一、鼠标的拖拽事件 拖拽的流程: (1)`onmousedown`:当鼠标在被拖拽元素上按下时,开始拖拽; (2)`onmousemove`:当鼠标移动时被拖拽元素跟随鼠标移动; (3)`onmouseup`:当鼠标松开时,被拖拽元素固定在当前位置。 鼠标的滚轮事件 `onmousewheel`:鼠 阅读全文
posted @ 2020-06-24 17:50 才华充电中 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 一、DOM事件流 事件传播的三个阶段是:事件捕获、事件冒泡和目标。 - 事件捕获阶段:事件从祖先元素往子元素查找(DOM树结构),直到捕获到事件目标 target。在这个过程中,默认情况下,事件相应的监听函数是不会被触发的。 - 事件目标:当到达目标元素之后,执行目标元素该事件相应的处理函数。如果没 阅读全文
posted @ 2020-06-24 17:40 才华充电中 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 一、事件简介 事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于 Web 应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、关闭弹窗等等。 JavaScript 是以**事件驱动为核心**的一门语言。JavaScript 与 HTML 之间的交互是通过事件实现的。 1 阅读全文
posted @ 2020-06-24 12:04 才华充电中 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 一、client 家族的组成 1、clientWidth 和 clientHeight 元素调用时: - clientWidth:获取元素的可见宽度(width + padding)。 - clientHeight:获取元素的可见高度(height + padding)。 body/html 调用时 阅读全文
posted @ 2020-06-24 11:40 才华充电中 阅读(1006) 评论(0) 推荐(0) 编辑
摘要: 一、scroll 相关属性 1、window.onscroll() 方法 当我们用鼠标滚轮,滚动网页的时候,会触发 window.onscroll() 方法。 如果你需要做滚动监听,可以使用这个方法。 2、ScrollWidth 和 scrollHeight `ScrollWidth` 和 `scr 阅读全文
posted @ 2020-06-24 11:24 才华充电中 阅读(1476) 评论(0) 推荐(0) 编辑