开发者社区 问答 正文

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

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

现在我的代码mouseup不执行

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

展开
收起
a123456678 2016-07-14 15:58:50 2030 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  • /拖拽添加
        varifDrag =true;
        $(document).on("mousedown","#pdfEle_text",function(event){
            ifDrag =true
            var_left = event.clientX;
            var_top = event.clientY;
            $("body").append('<div class="addTxt" style="left:'+ _left +'px; top:'+ _top +'px;"><input type="text" class="addText"></div>');
        }).mousemove(function(){
            ifDrag =false;
        }).mouseup(function(){
            if(ifDrag){
                $(".addTxt").remove();
            }else{
                console.log("123");
            }                      
        });
    2019-07-17 19:56:26 举报
    赞同 评论

    评论

    全部评论 (0)

    登录后可评论
问答地址:
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等