禁用选定文本的拖放

Question

当我使用chrome时，可以将输入或文本框中的任何选定文本拖动并丢弃到另一个输入/文本方面。有什么方法可以禁用选定的文本？

Answer 1

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

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

Answer 2

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

update

i还将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" />