入力間でテキスト選択をドラッグ＆ドロップしないようにする

Question

最新のchromeとIE11でこれをテストしました。

入力内のテキストを選択し、それを少なくともIE11とchromeの別の入力にドラッグすることができます。

これを防止したいと思います。

ドラッグ＆ドロップを実装する方法の例で、逆を防ぐ方法を示したサンプル/チュートリアルが多数見つかりました。ドラッグを許可し、テキスト選択を防止します。

しかし、私はマウスドラッグでテキスト選択を許可したい - 選択されたテキストをドラッグ可能にしないようにしたい。

cssプロパティの設定-webkit-user-drag：none;私はそのプロパティが-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を使用したソリューションは、

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>