想要实现mousedown的时候添加一个div, 在没有移动鼠标的mouseup情况下，该div消失。。并且该div是可拖拽到另一个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");
        }                       
    });

[小杨毛卷儿]

引用 7 楼 abc45628 的回复:

[quote=引用 5 楼 Paradise_p 的回复:] [quote=引用 3 楼 functionsub 的回复:] 测试了下，代码没什么问题。

一直不报错，但是if(ifDrag){ $(".addTxt").remove(); }始终不执行[/quote] 如果改成alert()有反应吗? mouseup(function(){ console.log(ifDrag); if(ifDrag){ $(".addTxt").remove(); }else{ console.log("123"); } }先看看你的ifDrag得到什么[/quote] 改成alert在firefox有反应，在chrome没反应。。

[abc45628]

引用 8 楼 Paradise_p 的回复:

改成alert在firefox有反应，在chrome没反应。。

我测试chrome正常，版本 48.0.2564.116 m

[小杨毛卷儿]

引用 9 楼 abc45628 的回复:

[quote=引用 8 楼 Paradise_p 的回复:] 改成alert在firefox有反应，在chrome没反应。。

我测试chrome正常，版本 48.0.2564.116 m[/quote] 但是如果是remove()就在哪儿都没反应了。。。

[abc45628]

按下鼠标出现div，然后移动鼠标div一起移动，松开鼠标div消失，是这样吗

[小杨毛卷儿]

是在没有移动的情况下松开鼠标div消失。。就是相当于完成一个click吧，

[functionsub]

测试了下，代码没什么问题。

[小杨毛卷儿]

但是remove()那个语句始终不执行

[小杨毛卷儿]

引用 3 楼 functionsub 的回复:

测试了下，代码没什么问题。

一直不报错，但是if(ifDrag){ $(".addTxt").remove(); }始终不执行

[小杨毛卷儿]

引用 1 楼 abc45628 的回复:

按下鼠标出现div，然后移动鼠标div一起移动，松开鼠标div消失，是这样吗

是的，在不移动的情况下松开鼠标div消失

[abc45628]

引用 5 楼 Paradise_p 的回复:

[quote=引用 3 楼 functionsub 的回复:] 测试了下，代码没什么问题。

一直不报错，但是if(ifDrag){ $(".addTxt").remove(); }始终不执行[/quote] 如果改成alert()有反应吗? mouseup(function(){ console.log(ifDrag); if(ifDrag){ $(".addTxt").remove(); }else{ console.log("123"); } }先看看你的ifDrag得到什么