javascript - 使用或单击输入时不允许拖动

Question

这个问题已经有答案了:

How do I prevent drag on a child, but allow drag on the parent? (8 个回答)

已关闭 6 年前。

我不希望在输入时拖动 div。

例如:当我在输入中有一些文本并且我尝试突出显示它时，它不会突出显示它；相反，它会拖动 div

https://jsfiddle.net/213r38rL/

<div id="select1" draggable="true" ondragstart="start(event)" ondragend="end(event)">
  SELECT
  <input type="text" name="select" id="selectinput">

</div>

Answer 1

您可以在 focus 和 focusout 事件中设置 draggable=false:

<div id="select1" draggable="true" ondragstart="start(event)" ondragend="end(event)">
  SELECT
  <input onfocus="document.getElementById('select1').draggable=false;" onfocusout="document.getElementById('select1').draggable=true;" type="text" name="select" id="selectinput">

</div>