ドラッグを開始した後に元のドラッグの削除/非表示

Question

ドラッグを開始すると元のドラッグ可能な要素を非表示にするにはどうすればよいですか？

私はtransform:translateX(-9999px);メソッドを試しましたが、visibility: hidden;のように動作し、元のドラッグ可能な要素が他の要素によって設定されていたところでdisplay: none;のようなものが必要です。私が試した何

：

function dragStart(e) { 

     setTimeout(function(){ 
      e.target.classList.add('block-hide'); 
     },0); 

    } 

    function dragOver(e) { 

    } 
    function dragEnd(e) { 

     e.target.classList.remove('block-hide'); 
    } 

https://jsfiddle.net/xkcvpf10/1/

行の2つのブロックを参照するために、プレビューウィンドウのサイズを変更してください。

Answer 1

.block-hide{ 
    display:none; 
} 

にあなたのクラス.block非表示を変更するには、トリックを行うようだ

https://jsfiddle.net/xkcvpf10/2/（クロームでテスト）