这段js代码会让页面所有position:absolute;的元素可以拖动 ...
分类：
其他好文 时间：
2016-11-13 19:36:59
阅读次数：
215
clientWidth是对象看到的宽度（不含边线,即border） scrollWidth是对象实际内容的宽度（若无padding，那就是边框之间距离，如有padding，就是左padding和右padding之间距离）。 offsetWidth是指对象自身的宽度，整型，单位像素（含边线，如滚动条的 ...
分类：
其他好文 时间：
2016-11-13 02:12:18
阅读次数：
345
事件句柄 onclick=JavaScript；鼠标单击某个对象。3 ondblclick=JavaScript；鼠标双击某个对象。3 onmousedown=JavaScript；某个鼠标键被按下。4 onmouseup=JavaScript；某个鼠标键松开。4 onmousemove=JavaS... ...
分类：
编程语言 时间：
2016-11-12 19:54:20
阅读次数：
163
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的（this）对象的 ...
分类：
其他好文 时间：
2016-11-08 09:49:30
阅读次数：
172
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElemen ...
分类：
其他好文 时间：
2016-10-31 18:32:16
阅读次数：
161
类似于这样的一个版面，点击标题栏，实现拖拽效果。 添加onmousedown事件 通过获取鼠标的坐标（clientX,clientY）来改变面板的位置 注意：面板使用绝对定位方式，是以左上角为参考点，所以我们还需要获取鼠标在面板的位置，也就是以鼠标所在位置为参考点。 添加onmousemove事件 ...
分类：
Web程序 时间：
2016-10-28 03:03:01
阅读次数：
219
有时候，我们需要得到窗口拖动或者鼠标移动的距离，此时可以通过计算鼠标前后在页面中的位置来得到想要的结果，下面介绍几个事件属性: 1、客户区坐标位置 鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置信息保存在事件对象的 clientX 和 clientY 属性中。它们的值表示事件发生时鼠标指针在 ...
分类：
Web程序 时间：
2016-10-26 16:10:00
阅读次数：
202
鼠标 / 键盘属性 属性描述 altKey 返回当事件被触发时，"ALT" 是否被按下。 button 返回当事件被触发时，哪个鼠标按钮被点击。 clientX 返回当事件被触发时，鼠标指针的水平坐标。 clientY 返回当事件被触发时，鼠标指针的垂直坐标。 ctrlKey 返回当事件被触发时，" ...
分类：
其他好文 时间：
2016-10-24 11:34:43
阅读次数：
185
