javascript - 想要实现mousedown的时候添加一个div, 在没有移动鼠标的mouseup情况下，该div消失

Question

想要实现mousedown的时候添加一个p, 在没有移动鼠标的mouseup情况下，该p消失。。并且该p是可拖拽到另一个p中的

现在我的代码mouseup不起作用

    var ifDrag = true;
    $("#pdfEle_text").mousedown(function(event){ 
        ifDrag = true
        var _left = event.clientX;
        var _top = event.clientY;
        $("body").append('<p class="addTxt" style="left:'+ _left +'px; top:'+ _top +'px;"><input type="text" class="addText"></p>');
    }).mousemove(function(){
        ifDrag = false;
    }).mouseup(function(){ 
        if(ifDrag){
            $(".addTxt").remove();
        }else{
            console.log("123");
        }                       
    });