柴柴记账-长按编辑功能和elementFormPoint

73 阅读1分钟

需求

在做柴柴记账时,我想做一个长按一秒钟,就可以编辑标签的需求

按下到松开的时间到1秒,也就是说需要两个事件和一个计时器, 在做调试时候,发现当用户手指滑动,但是超过一秒时,也会触发onLongPress函数。

image.png 于是我试图再加上一个判断条件 让用户长按一秒,并且确保没有移出过onTouchStart选中的元素才能触发onLongPress函数。 如果起始元素不是点击的元素同时起始元素也不包含点击元素,就立马关闭计时器 image.png

elementFromPoint

定义

返回当前文档上处于指定坐标位置最顶层的元素, 坐标是相对于包含该文档的浏览器窗口的左上角为原点来计算的, 通常 x 和 y 坐标都应为正数

语法

var element = document.elementFromPoint(x, y)
xy 是坐标数值, 不需要单位比如px.