理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 ev ...
分类:
其他好文 时间:
2018-07-09 17:15:19
阅读次数:
160
原创是https://blog.csdn.net/liujava621/article/details/30495103,我这里做了修改,侵权删。 上干货:这里首先要注意操作四个角的时候,框的长宽会变化,同时绝对定位的top,left可能随之变化,我之前就犯了错误,导致移动过程框的大小变了,位置也变 ...
分类:
移动开发 时间:
2018-07-05 23:37:08
阅读次数:
339
Event 对象 Event 对象表示有关事件的信息。 Event 对象的属性提供了有关事件的细节(例如,事件在其上发生的元素)。Event 对象的方法可以控制事件的传播。 标准 Event 属性 | 属性 | 描述 | | | | | bubbles | 返回布尔值,指示事件是否是起泡事件类型。| ...
分类:
其他好文 时间:
2018-07-05 01:22:14
阅读次数:
235
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距) offsetHeight //返回元素的高度( ...
分类:
Web程序 时间:
2018-06-22 16:37:10
阅读次数:
218
#事件对象 (event) div.onclick = function(event){ console.log(event); let e = event||window.event;解决兼容性 } ##事件对象的属性 1)target 目标对象:e.target(获取触发事件的元素) 2)thi ...
分类:
Web程序 时间:
2018-06-11 02:07:39
阅读次数:
233
Number one 链接 向右滑动, 显示删除按钮, 根据touchStart touchEnd 的 clientX 差距 > 30; 说明是向左滑动, 显示; 改变 e.currentTarget.parentElement.dataset.type (还有这种操作) data -type = ...
分类:
其他好文 时间:
2018-06-06 22:24:44
阅读次数:
209
1 2 (function (window, document, undefined) { 3 var hearts = []; 4 window.requestAnimationFrame = (function () { 5 return window.requestAnimationFrame... ...
分类:
其他好文 时间:
2018-05-31 02:27:29
阅读次数:
153
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY,但它们使用的 ...
分类:
其他好文 时间:
2018-05-23 18:12:34
阅读次数:
183
缩进层级 使用 四个空格进行缩进,以便在所有的系统和编辑器中,文件的展现格式不会有任何差异。 语句格式 始终使用分号 ;结尾一个语句。禁止省略分号,因为: 后续使用构建工具时,可以通过自动删除多余的空格和换行来压缩代码行(代码行结尾处没有分号会导致压缩错误)。 在某些情况下增进代码的性能,因为这样解 ...
分类:
编程语言 时间:
2018-05-15 22:44:32
阅读次数:
278
注意:无法使用touchend来获取clientX,touchend是在用户滑动结束之后才回调 ...
分类:
移动开发 时间:
2018-05-11 23:28:15
阅读次数:
184