使用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);

要么

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

如果你想要完全不使用该属性;

elem.removeAttribute('dragable');

Answer 2

我参加聚会有点晚了，但是我们有什么理由不想写这样的东西吗？

var el = document.createElement('div');
el.draggable = false;

似乎对我来说应用该属性很好。

Answer 3

有很多方法，如果您使用jQuery：

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

原生JS：

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