开发者社区> 问答> 正文

想要实现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 1987 0
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
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载