Question

我已经在最新的chrome和IE11中对此进行了测试。

可以在输入中选择文本，然后将其拖动到另一个输入，至少在IE11和chrome中。

我想阻止这一点。

我找到了很多示例/教程，展示了如何在示例中防止如何实现拖放：允许拖动，同时阻止文本选择。

但我想在鼠标拖动时允许文本选择 - 但是阻止所选文本可拖动。

设置css属性-webkit-user-drag：none;还会阻止文本选择，我希望该属性：-webkit-user-select：auto;将控制文本选择的预防。

这是一个jsfiddle：https://jsfiddle.net/9g419erc/

＆＃13;

input {
  -webkit-user-select: auto;
  user-select: auto;
  -webkit-user-drag: none;
}

＆＃13;

<article>
    <input type="text" placeholder="Write text, select it, and drag">
    <input type="text" placeholder="Then drop text here">
</article>

＆＃13;

仅使用css3的解决方案

Answer 1

将ondrop="return false;"添加到要禁用删除文字的元素。

input {
  -webkit-user-select: auto;
  user-select: auto;
  -webkit-user-drag: none;
}

<article>
  <input type="text" placeholder="Write text, select it, and drag" >
  <input type="text" placeholder="Then drop text here" ondrop="return false;">
</article>

防止在输入之间拖放文本选择

1 个答案: