想要实现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");
}
});
/拖拽添加
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");
}
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。