JS - 클립 보드에 마우스 coordonnate 놓기 - 병렬 클릭 리스너

Question

사용자가 클릭 한 다음이 클립 보드를 사용자의 클립 보드에 넣으면 마우스의 좌표를 복구하려고합니다.

나는 코도네이션을 얻고 클립 보드에 넣는데 성공한다. 그러나 클립 보드에 저장된 coordonnate는 이전 클릭에서 왔습니다. 실제 클릭이 아닙니다.

HTML

<div id="divImg" class="center"> 
    <img id="img" class="img" src="src" alt="alt"/> 
    <button id="clip"></button> 
</div> 

JS

$(window).bind('click', imgCoord); 
$('div#divImg button#clip').click(setClipboard); 

imgCoord()

function imgCoord(){ 
     *** 
     $('body').append('<textarea id="to-copy">'+x+','+y+'</textarea>'); 
} 

S

function setClipboard(){ 
    if($('textarea#to-copy')){ 
     $('textarea#to-copy').select(); 
     document.execCommand('copy'); 
     $('textarea#to-copy').remove(); 
     return true; 
    } 
} 

etClipboard 나는 가정 $ ('텍스트 영역 #에 복사') imgCoord (에 의해 만들어진 새로운 DOM)를로드하지 않습니다하지만 난이 문제를 해결하는 방법을 모르겠어요.

도움 주셔서 감사합니다.

Answer 1

해결 방법이 있습니다.

$(window).bind('mousedown', imgCoord); 
$('div#divImg button#clip').bind('mouseup', setClipboard); 

SetClipboard()에서 coordonnates 및 MouseUp을 가져 오는 함수에 MouseDown을 넣었습니다.

그것은 "큐"어떤 종류의 구축

나는 이전 SetTiemout와 동일한 작업을 수행하려고하지만

실패