防止拖拉和投入

我已经在最新的Chrome和IE11测试这之间下探文本选择。防止拖拉和投入

这是可能选择中的输入的文本，然后将其拖动到另一输入，在至少IE11和铬。

我想避免这种情况。

我发现很多的例子/教程展示了如何防止相反在如何实现拖放例子：允许阻力，同时防止文本选择。

但我想允许在鼠标拖动文本选择 - 但防止所选文本，可拖动。

设置CSS属性-webkit-用户拖拽：无;也可以防止文本选择，在那里我会预期的属性：-webkit-user-select：auto;将控制文本选择的预防。

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

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"> 
 
</article>

使用CSS3只首选

来源

2017-09-06 Doff3n

检查我的答案。希望它可以帮助你。如果您觉得合适，请将其作为答案。谢谢 – anu

一个只使用css3的解决方案是首选，但是由于这是一个聪明的解决方案，我没有想到。 – Doff3n

会看到我是否可以使用css3找到任何解决方案 – anu

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

来源

2017-09-06 09:51:15 anu

防止拖拉和投入

回答

相关问题