Html 当父元素可拖动时，如何允许文本框插入符号定位（通过鼠标单击）

参考文献

---

在IE/Firefox中，将父元素的draggable属性设置为

true

可以防止通过鼠标单击手动定位文本框插入符号（键盘箭头可以正常工作）。Chrome不会表现出这种行为。我很好奇以前的浏览器是否有正确的实现，或者这是否是意外的行为。另外，我当前的解决方法是禁用

mousedown

上的draggable属性，并在

mouseup

上重新启用

第二种解决方法是直接从
textarea
中删除
drag
事件，如下所示：

$('textarea').on('dragstart', function(event){
    event.preventDefault();
});

不需要测试IE，但它适用于FF。
From“默认情况下，只能拖动文本选择、图像和链接。对于所有其他元素，必须设置事件ondragstart才能使拖放机制工作，如本综合示例所示。”可能不支持在
li
上使用
draggable
属性？@kendaleiv这些元素具有独占默认支持。任何其他元素都是可拖动的，但需要属性和事件处理程序才能执行某些操作。这只是防止在textarea中拖动选定的文本。但是，问题不在于textarea上与拖动相关的事件。父元素具有拖动事件的textarea是导致文本插入符号问题的原因。我为您分配了赏金，因为您至少尝试了回答。享受20%的颠簸，因为你很勇敢。