5 thoughts on “포스트잇 메모”

  1. 위와 비슷한 포스트잇 메모를 만들려고 하는데

    포스트잇 메모 위에 textarea를 얹으면 내용이 입력이 안되는데 혹시 어떤 방식으로 포스트잇 메모 구현하셨나요?

    var img_L = 0;
    var img_T = 0;
    var targetObj;

    function getLeft(o){
    return parseInt(o.style.left.replace(‘px’, ”));
    }
    function getTop(o){
    return parseInt(o.style.top.replace(‘px’, ”));
    }

    function moveDrag(e){
    var e_obj = window.event? window.event : e;
    var dmvx = parseInt(e_obj.clientX + img_L);
    var dmvy = parseInt(e_obj.clientY + img_T);
    targetObj.style.left = dmvx +”px”;
    targetObj.style.top = dmvy +”px”;
    return false;
    }

    function startDrag(e, obj){
    targetObj = obj;
    var e_obj = window.event? window.event : e;
    img_L = getLeft(obj) – e_obj.clientX;
    img_T = getTop(obj) – e_obj.clientY;

    document.onmousemove = moveDrag;
    document.onmouseup = stopDrag;
    if(e_obj.preventDefault)e_obj.preventDefault();
    if(!targetObj.classList.contains(“clone”)){
    var cln = obj.cloneNode(true);
    document.body.appendChild(cln);
    targetObj.classList.add(“clone”);
    }
    }

    function stopDrag(){
    document.onmousemove = null;
    document.onmouseup = null;
    }

    내용을 입력하세요.

  2. 코드가 짤려서 작성되는데 이메일 알려주시면 보내드리겠습니다!

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다