javascript - 如何使用拖放

Question

如何限制列的拖放

function drag(ev){
	id=ev.target.id;
	}
function drop(ev){
	id2=ev.target.id;
	//var str=document.getElementById(dict1[id2]);
var str	 = "<%= drop12() %>";
console.log(str);
   if(dict[id2]==id){
	ev.target.append(document.getElementById(id));
	console.log(dict[id]);
	console.log(dict1[id2]);
	console.log("hi");
	console.log(document.getElementById(dict1[id2])); 
   }
  else{
	console.log(id);
	console.log(id2);
	console.log(dict[id2]);
	   //ev.target.append(id2);
}
}

使用 html 的列拖放限制。

Answer 1

如果您想限制拖放任何元素，您可以简单地设置draggable="false"。

在 JavaScript 中设置它:

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

在 HTML 中设置它:

<img draggable="false">

查看此处了解更多信息:https://www.w3schools.com/html/html5_draganddrop.asp