javascript - 更改可拖动属性

Question

我正在为孩子们制作一个数学拼图页面。答案在拖过问题的 s 中。使用答案时，我想禁用特定答案的拖动。我可以“调暗”答案并防止它被丢弃，但到目前为止还没有找到防止被拖动的方法。

请帮助....如果可能的话，我宁愿不使用 JQuery

function handledrop(elt, evt) {

        //Dim THE DRAGGED ITEM 
        dragitem.style.opacity=0.4;  //***********This works
        dragitem.style.hidden="true";//***********This doesn't or any variation I an think of
                                     //***********dragitem.draggable="false"
                                     //***********dragitem.style.draggable="false"
                                     //***********dragitem.draggable="false"

        dragitem.ondrag =  "donothing()";
        dragitem.ondragstart="donothing()" ;
        }

Answer 1

您可以将可拖动设置为 false 为

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

Answer 2

尝试使用：

function handledrop(elt, evt) {

        //Dim THE DRAGGED ITEM 
        dragitem.style.opacity=0.4;  //***********This works
        dragitem.ondrag =  "return false;";
        dragitem.ondragstart="return false;" ;
}

在这种情况下，您将阻止先前在元素上设置的拖动功能。