如何使用拖放操作

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