2012-01-03 1 views
0
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) 
{ 

} 

간단해야합니다. 패널에 width = 및 height =로 크기가 조정 된 이미지가 있고 이미지가 떨어질 때 제거해야합니다. 지금 보시는 코드는이 작업을 수행하지만 대상 이미지 대신 원본 이미지에 적용합니다. 원본 이미지가 아니라 이미지가 삭제되는 것을 해결할 수있는 단어 솔루션을 찾아야 할 것 같습니다. 표준 자바 스크립트, 독점 라이브러리 또는 복잡한 제안에 대한 답변을 제한하십시오. 이 프로젝트는 앞서 언급 한 예외 사항을 포함하지 않는 요구 사항을 가지고 있기 때문에이 스레드를 닫지 마십시오. 미리 감사드립니다.끌어서 놓기 작업 중에 놓은 이미지의 특성을 어떻게 제거합니까?

답변

0
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; } 

한 단어 이상이 아니지만 단순히 수정을 방지하고 새 이미지를 삽입해야했습니다. 내가 찾던 것이 아니라 원하는대로 작동합니다. 희망이 게시물은 비슷한 바인딩에 다른 사람을 도와줍니다.