检测元素上的拖动位置
Detecting drag position on an element
我正在构建一个wysiwyg编辑器来构建html电子邮件。我希望能够添加行布局的编辑器通过拖放。
如果一行被拖放到拖放目标的中点以上,我想在拖放目标之前添加一行;如果它被拖到中点以下,我想在拖放目标后追加一行。
有什么办法可以做到吗?
您可以使用getBoundingClientRect()
来获取元素的坐标,而鼠标按钮按下并移动,就像这样
element.onClick = function() {
element.onmousemove = function() {
var x1 = element.getBoundingClientRect().left,
x2 = x1 + element.getBoundingClientRect().width,
y1 = element.getBoundingClientRect().top,
y2 = element.getBoundingClientRect().height;
}
}
现在你可以对这些坐标做任何你想做的事情
相关文章:
- 通过拖动可以更改三维模型对象在Three.js场景中的位置
- 我如何获得“”的原始位置;ui“可拖动”;在“;drop”;事件
- javascript可拖动滑块,可在mouseUp上捕捉回中间位置
- 拖动&应用负位置时掉落
- jQuery拖动到相对位置的可排序列表中时出现可拖动辅助对象位置问题
- 将可拖动元素与从父项位置开始的网格对齐
- 谷歌地图api拖动路线再次回到原来的位置
- 拖动元素时,如何获取要替换的元素的位置
- 如何在javascript中基于谷歌地图上的位置拖动来更改值
- Mootools拖动完成后,获取元素的新位置
- 在放置之前找到拖动对象的位置
- 获取图像可见区域状态,以在画布中将图像设置在先前拖动的位置
- 如何在拖动时使项目恢复到其原始位置
- 微调可拖动 SVG 形状的位置,而无需更改 X
- 跟踪鼠标相对于起始拖动位置HTML5,Ember
- j查询可拖动位置不变
- 存储Jquery可拖动位置
- 检测元素上的拖动位置
- jQuery UI的可拖动位置是否受到scrollTop的影响?(包括JSFiddle)
- 保存JQuery UI可拖动位置与cookie,工作,但有轻微的偏离设置