javascriptで `draggable`属性にアクセスしてください

Question

ですから、どうすればいいですか？ draggable属性を"false"に変更して、以前にドラッグ可能だった要素がこのプロパティを失うようにします。

あなたが開始するための何かがありますので、私はあなたのdivを与える：あなたは属性全くなくなって使用したい場合は

 <div id="div1" draggable="true" ondragstart="drag(event) "onDblClick="edit('div1')"> 
    </div> 

Answer 1

document.getElementById('div1').setAttribute('draggable', false); 

OR

var elem = document.getElementById('div1'); 
elem.setAttribute('draggable', false); 

を。

$('#div1').attr('dragabble'); //returns with the value of attribute 
    $('#div1').attr('dragabble','false'); //sets the attribute to false 

ネイティブJS：

elem.removeAttribute('dragable'); 

Answer 2

があり、あなたがjQueryを使用する場合、多くの点で

document.getElementById('div1').getAttribute('draggable'); //returns the value of attr 
    document.getElementById('div1').setAttribute('draggable', 'false'); //set the value of attr 

Answer 3

あなたはウル必要な機能をacheiveするためにjqueryの-UIドラッグ可能なコンポーネントを使用する場合があります。 。 またはu devの環境でjqueryライブラリがある場合は、次のコードを使用できます。

$（ "＃div1"）。attr（ 'draggable'、false）;

または

のdocument.getElementById（ 'DIV1'）は次のように我々はそれを行うことができますJavaScriptを使用してのsetAttribute（ 'ドラッグ' '偽'）。

Answer 4

trueに属性draggableを設定した後、あなたは主に、多くの場合、dragstartイベントを処理します。ネイティブJSでこれを行うには：

elem.addEventListener('dragstart', ev => { 
    // dragstart handlings here 
    }, false)