Javascript 如何在div中拖动可拖动元素

我有一个组HTML元素，它们位于draggable div元素中。所以我有一个范围HTML元素。当我想移动范围时，所有的线都在拖动。我设置了range元素的draggable=false，但它不起作用。我在chrome浏览器中测试

.拖拉{ 宽度：400px； 高度：400px； } 这是电话线

---

您可以在用户单击范围时禁用拖动，然后启用拖动

input.addEventListener('mousedown', e => {
    e.target.parentNode.draggable = false;
});
input.addEventListener('mouseup', e => {
    e.target.parentNode.draggable = true;
});

---

您可以在用户单击范围时禁用拖动，然后启用拖动

input.addEventListener('mousedown', e => {
    e.target.parentNode.draggable = false;
});
input.addEventListener('mouseup', e => {
    e.target.parentNode.draggable = true;
});

---

在mousedown和mouseup上禁用/启用可拖动

document.querySelector'input[type=range]'。addEventListener'mousedown'，event=>{ SetDragableEvent.target.parentNode，false； }; document.querySelector'input[type=range]'。addEventListener'mouseup'，event=>{ SetDragableEvent.target.parentNode，true； }; 常数setDraggable=e，val=>{ 如果e.parentNode{ setDragablee.parentNode，val； } e、 可拖动=val； } .拖拉{ 宽度：400px； 高度：400px； } 这是电话线

---

在mousedown和mouseup上禁用/启用可拖动

document.querySelector'input[type=range]'。addEventListener'mousedown'，event=>{ SetDragableEvent.target.parentNode，false； }; document.querySelector'input[type=range]'。addEventListener'mouseup'，event=>{ SetDragableEvent.target.parentNode，true； }; 常数setDraggable=e，val=>{ 如果e.parentNode{ setDragablee.parentNode，val； } e、 可拖动=val； } .拖拉{ 宽度：400px； 高度：400px； } 这是电话线

---

firefox中没有问题。您使用的是哪个chrome版本？。我可以确认chrome 76.0.3809.132+Linuxchrome版本是76.0.3809.132。firefox中没有问题。您使用的是哪个chrome版本？。我可以确认chrome 76.0.3809.132+Linuxchrome版本是76.0.3809.132上的问题