2018年1月3日
JS之拖拽案例
摘要： 需求：在指定位置按住鼠标左键移动对话框分析：鼠标按下(获取鼠标在盒子中的位置)。触动事件(获取鼠标的位置)，移动在更换对话框的位置(盒子在页面中的位置=鼠标的位置-鼠标在盒子中 的距离)鼠标按下onmousedown 鼠标弹起：onmouseup 鼠标移动：onmousemove步骤：1.老三步和新 阅读全文
posted @ 2018-01-03 14:26 乖乖乖码 阅读(434) 评论(0) 推荐(0) 编辑
禁止文本选中
摘要： 1.window.getSelection IE9、Firefox、Safari、Chrome和Opera支持window.getSelection 2.document.selection IE9以下支持：document.selection 禁止文本框选中：兼容写法 window.getSele 阅读全文
posted @ 2018-01-03 13:33 乖乖乖码 阅读(152) 评论(0) 推荐(0) 编辑
JS之鼠标在盒子中的位置
摘要： 需求：鼠标进入盒子之后只要移动，哪怕1像素，随时更换里面的内容(鼠标在盒子中的坐标)技术点：新事件，onmousemove,在事件源上哪怕移动1像素也会触动这个事件一定程度上模拟了定时器步骤：1.老三步和新五步2.获取鼠标在整个页面的位置3.获取盒子在整页面的位置4.用鼠标的位置减去盒子的位置赋值给 阅读全文
posted @ 2018-01-03 10:49 乖乖乖码 阅读(1165) 评论(0) 推荐(0) 编辑