早安.晚安

07 2016 档案

详解鼠标拖拽
摘要：拖拽：小方块跟着鼠标拖拽走。 原理：1.先计算出鼠标按下的点距小方块左边缘与上边缘的距离，这是一个固定的值。而这个值也很好计算：用 当前鼠标的坐标 - 当前小木块的offsetLeft/offsetTop 2.确定出这个固定距离，每次鼠标移动会产生新的距离，使小方块的定位left，top为鼠标当前的 阅读全文

posted @ 2016-07-18 11:51 早安.晚安 阅读(847) 评论(0) 推荐(0)

默认行为
摘要：默认行为：浏览器自带的 （如：点击鼠标右键出现一个菜单） 阻止默认行为： document.oncontextmenu=function() { return false;} 修改默认行为： <!DOCTYPE html><html lang="en"><head> <meta charset="U 阅读全文

posted @ 2016-07-18 11:25 早安.晚安 阅读(160) 评论(0) 推荐(0)

鼠标事件--物体跟着鼠标动
摘要：在讲述鼠标事件之前先讲一个对象--event： event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行. 例子：event事件：点击任何位置显示当前位置的横纵坐标。 <!DOCTYPE html><ht 阅读全文

posted @ 2016-07-18 11:15 早安.晚安 阅读(359) 评论(0) 推荐(0)

浅谈javascript中事件冒泡与事件捕获
摘要：事件冒泡：一个事件会顺着他的层级一直往上传，一直传到document上为止，即从盒模型上看是从内到外的过程。 例： <!DOCTYPE html><html lang="en" onclick="alert('html')"><head> <meta charset="UTF-8"> <title> 阅读全文

posted @ 2016-07-17 21:57 早安.晚安 阅读(207) 评论(0) 推荐(0)