早安.晚安

2016年7月18日

详解鼠标拖拽

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

posted @ 2016-07-18 11:51 早安.晚安 阅读(784) 评论(0) 推荐(0) 编辑
默认行为

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

posted @ 2016-07-18 11:25 早安.晚安 阅读(149) 评论(0) 推荐(0) 编辑
鼠标事件--物体跟着鼠标动

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

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