2013-04-04 21 views
5

ile 'draggable` özniteliğine erişin. Soru şu: Bunu nasıl yapabilirsiniz? draggable özniteliğini "false" olarak değiştirmek istiyorum, böylece daha önce sürüklenebilen öğe bu özelliği kaybedecektir. Eğer bir şey başlamak zorunda kalacak, böylecejavascript

Sana bir div verecektir:

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

cevap

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

VEYA

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

özelliğinizde tamamen gitmiş kullanımını istiyorsanız;

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

Yerli JS:

elem.removeAttribute('dragable'); 
+0

Evet! Teşekkürler bayım! Gerçekten kullanışlı! – Tbi45

3

Orada jQuery kullanırsanız, birçok yolu olduğunu

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

Sen ur gerekli işlevselliği modernleşmek için jquery-ui sürüklenebilir bileşeni kullanmak isteyebilirsiniz. veya ur Dev ortamında jQuery kitaplığınız varsa aşağıdaki kodu kullanabilirsiniz

$ ("# div1") attr ('sürüklenebilir', yanlış);

document.getElementById ('div1') şu şekilde

kullanılarak veya JavaScript yapabiliriz setAttribute ('sürüklenebilir' 'yanlış'.); true için öznitelik draggable ayarladıktan sonra

0

, çoğunlukla sık dragstart olayı işlemek istiyorum. Bunu yapmak için yerel JS:

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