Javascript 如何在拖放操作期间删除已拖放图像的属性?

Javascript 如何在拖放操作期间删除已拖放图像的属性?,javascript,drag-and-drop,contenteditable,Javascript,Drag And Drop,Contenteditable,看起来应该很简单。我在一个面板中有一些图像,它们的大小随宽度=和高度=而减小,需要在图像被删除时将其删除。现在看到的代码会执行此操作,但会将其应用于源映像,而不是目标映像。我似乎找不到什么应该是一个字的解决方案,以解决图像被删除,而不是源图像。请将答案限制在标准javascript中,不要使用专有库或复杂的建议。请不要仅仅因为此项目的要求不包括上述异常而关闭此线程。先谢谢你 var holder = document.getElementById('cms'); holder.ondragst

看起来应该很简单。我在一个面板中有一些图像,它们的大小随宽度=和高度=而减小,需要在图像被删除时将其删除。现在看到的代码会执行此操作,但会将其应用于源映像,而不是目标映像。我似乎找不到什么应该是一个字的解决方案,以解决图像被删除,而不是源图像。请将答案限制在标准javascript中,不要使用专有库或复杂的建议。请不要仅仅因为此项目的要求不包括上述异常而关闭此线程。先谢谢你

var holder = document.getElementById('cms');

holder.ondragstart =function(e)
{
dragID =e.srcElement.id;
dregCl =e.srcElement.getAttribute('class');
if(dragID ==='cms_tools'){ cmsPanel =document.getElementById('cms_tools'); }
}

holder.ondragover = function(e)
{
if(dragID ==='cms_tools')
{
cmsPanel.style.top = (e.clientY-7) +'px';
cmsPanel.style.left = (e.clientX-250) +'px'; }}

holder.ondragend = function(e)
{
delete window.dragID; 
if(dregCl ==='imglib'){
e.target.removeAttribute('width'); 
e.target.removeAttribute('height');
e.target.removeAttribute('class'); } }


holder.ondrop = function (e) 
{ 

}
这只不过是一个词,但解决办法是简单地防止默认设置并插入一个新图像。这不是我想要的,但它能按我的要求工作。希望这篇文章能帮助其他类似的人

holder.ondragstart =function(e)
{
Img_Src_Drop =e.target.getAttribute('src');
dragID =e.srcElement.id;
dregCl =e.srcElement.getAttribute('class');
if(dragID ==='cms_tools'){ cmsPanel =document.getElementById('cms_tools'); }}
holder.ondragover = function(e)
{
if(dragID ==='cms_tools')
{
cmsPanel.style.top = (e.clientY-7) +'px';
cmsPanel.style.left = (e.clientX-250) +'px'; }}
holder.ondragend = function(e)
{
delete window.dragID; 
if(dregCl ==='imglib'){ 
e.preventDefault; 
document.execCommand('InsertImage',null,Img_Src_Drop); }}
holder.ondrop = function (e) 
{ e.preventDefault; }