摘要:鼠标的拖拽事件 拖拽的流程: (1)onmousedown:当鼠标在被拖拽元素上按下时,开始拖拽; (2)onmousemove:当鼠标移动时被拖拽元素跟随鼠标移动; (3)onmouseup:当鼠标松开时,被拖拽元素固定在当前位置。 鼠标的滚轮事件 onmousewheel:鼠标滚轮滚动的事件,会 阅读全文
posted @ 2020-03-17 22:48 Vincent-yuan 阅读(48) 评论(0) 推荐(0) 编辑
摘要:事件委托 事件委托,通俗地来讲,就是把一个元素响应事件(click、keydown......)的函数委托到另一个元素。 比如说有一个列表 ul,列表之中有大量的列表项 <a>标签: <ul id="parent-list"> <li><a href="javascript:;" class="my 阅读全文
posted @ 2020-03-17 22:39 Vincent-yuan 阅读(26) 评论(0) 推荐(0) 编辑
摘要:DOM事件流 事件传播的三个阶段是:事件捕获、事件冒泡和目标。 事件捕获阶段:事件从祖先元素往子元素查找(DOM树结构),直到捕获到事件目标 target。在这个过程中,默认情况下,事件相应的监听函数是不会被触发的。 事件目标:当到达目标元素之后,执行目标元素该事件相应的处理函数。如果没有绑定监听函 阅读全文
posted @ 2020-03-17 22:31 Vincent-yuan 阅读(248) 评论(0) 推荐(0) 编辑
摘要:绑定事件的两种方式/DOM事件的级别 我们在之前的一篇文章《04-JavaScript/22-DOM简介和DOM操作》中已经讲过事件的概念。这里讲一下绑定(注册)事件的两种方式,我们以onclick事件为例。 DOM1的写法:onclick element.onclick = function () 阅读全文
posted @ 2020-03-17 21:29 Vincent-yuan 阅读(27) 评论(0) 推荐(0) 编辑