不允許在輸入使用或點擊時拖動

Question

我不想在輸入時拖動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

您可以設置draggable=false在focus和focusout事件：

<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>