如何在 Javascript 中创建类似于 jquery 的“可拖动句柄”的东西?
(不幸的是,Jquery 不适合我。)
我有一个名为“dxy”的 div,其中还有另一个名为“draggable_handle”的 div。目前我可以将dxy拖动到我按下的任何地方。我该如何制作才能拖动dxy,但只有当我按下draggable_handle并且div中没有其他地方时?
<div id="dxy">
<div id="draggable_handle">
<p>
Draggable part
</p>
</div>
</div>
我制作了一个 JsFiddle,这将使我的意思更清楚,在这里:http://jsfiddle.net/Lk2hLthp/7/
请添加一些代码示例或jsfiddle,因为我是新手。 =)
最佳答案
将事件监听器添加到内部元素而不是外部元素,如下所示:
function addListeners() {
document.getElementById('draggable_handle').addEventListener('mousedown', mouseDown, false);
window.addEventListener('mouseup', mouseUp, false);
}
关于javascript - 仅使 div 的一部分可拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37015524/