Question

当我使用chrome时，输入或文本框中的任何选定文本都可以拖放到另一个输入/文本区域中。有没有办法禁用拖动选定的文字？

Answer 1

＆＃13;

document.getElementById("test").addEventListener("dragstart", function(e){
  e.preventDefault();
});

＆＃13;

<input id="test" type="text" value="Drag text into textarea">
<br>
<textarea></textarea>

＆＃13;

Answer 2

将剪切，复制和粘贴事件绑定到<input>框并阻止默认操作。

<强>更新

我还将dragstart绑定到#Textbox1，现在这也可以防止将此输入中的文本拖到另一个输入中。我使用Chrome验证了这一点。

$(document).ready(function() {
  $('#TextBox1').on('copy paste cut dragstart',function(e) { 
    e.preventDefault(); //disable cut,copy,paste
    console.log('cut,copy & paste options are disabled !!');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="TextBox1" placeholder="Can't cut this!" /><br />
<input type="text" id="TextBox2" />

禁用所选文本的拖放

2 个答案: