JQ拖曳事件mouseup失效的解决办法

解决mouseup失效方法：

1、阻止默认事件：

if(e.stopPropagation) e.stopPropagation();

if(e.preventDefault) e.preventDefault();

e.cancelBubble=true;

e.returnValue=false;

2、在事件最后添加return false;

3、mousemove和mouseup必须挂载在document。

$(ele).mousedown(function(e){

if(e.stopPropagation) e.stopPropagation();

if(e.preventDefault) e.preventDefault();

e.cancelBubble=true;

e.returnValue=false;

// 获取鼠标离元素(0,0)位置的距离

var positionDiv = $(this).offset();

//offset 元素的偏移坐标有两个属性：top left（对显示的元素有用）

var distenceX = e.pageX;

//page 显示鼠标指针的位置（此时相当于，鼠标按下的初始值）

var distenceY = e.pageY;

// 鼠标移动

$(document).mousemove(function(e){

// 获取鼠标的位移（鼠标此时的page值 - 鼠标按下时的初始值 = 元素的移动值）

var x = e.pageX - distenceX;

var y = e.pageY - distenceY;

if(x<0){

x=0;

}else if(x>$(document).width()-$(ele).outerWidth(true)){

x = $(document).width()-$(ele).outerWidth(true);

}

if(y<0){

y=0;

}else if(y>$(document).height()-$(ele).outerHeight(true)){

y = $(document).height()-$(ele).outerHeight(true);

}

$(ele).css({

'left':x+'px',

'top':y+'px'

})

})

// 鼠标抬起

$(document).mouseup(function(e){

$(document).unbind('mousemove');

$(document).unbind('mouseup');

})

return false;

})

JQ拖曳事件mouseup失效的解决办法相关推荐

iOS Safari 中click点击事件失效的解决办法
转载自:https://www.cnblogs.com/Steping/p/5737547.html 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效 ...
iframe 内嵌第三方网站 cookie 失效，解决办法
iframe 内嵌第三方网站 cookie 失效,解决办法网站iframe内嵌第三方带登录页的网站时,在ie和火狐和部分谷歌浏览器是可以的,但是在升级版的谷歌浏览器中是无法访问的问题是谷歌浏览器在 ...
定义了浮动元素后margin-bottom失效的解决办法
2019独角兽企业重金招聘Python工程师标准>>> 虽然IE6慢慢的退出市场了,但是还是有必要了解一些兼容问题,让自己的知识有一个更好的沉淀.margin-bottom的bug是 ...
xcode4 语法高亮和自动补全失效的解决办法
xcode4 语法高亮和自动补全失效的解决办法 xcode4有一个bug,某些时候会造成类名的着色显示不出来,还有就是代码补全不能完全显示,而且没有参数. 解决方法: 首先关闭项目窗口,然后到Orga ...
当子元素用position:relative;时，父元素的overflow:hidden;在ie中失效的解决办法
当子元素用position:relative;时,父元素的overflow:hidden;在ie中失效的解决办法: 给父元素也加上position:relative; 到现在也不知道为什么会出现这样的 ...
c++编程设置桌面壁纸以及设置壁纸失效的解决办法
c++编程设置桌面壁纸以及设置壁纸失效的解决办法最近项目中需要一个小工具来设置桌面壁纸,于是想自己尝试用c++写一个. 刚开始,发现COM组件IActiveDesktop 可以设置壁纸.代码如下: ...
Error: could not open `C:\Java\jre7\lib\amd64\jvm.cfg';JAVA_HOME环境变量失效的解决办法
转自:http://www.cnblogs.com/yjmyzz/p/3521554.html JAVA_HOME环境变量失效的解决办法晚上把oracle自带的weblogic给卸载了,然后打开ec ...
键盘按键F1-F12失效的解决办法(ArchLinux)
键盘按键F1-F12失效的解决办法键盘上的F1-F12键,通常情况下有两种用途: 单独使用实现系统通用的一些功能如F5刷新页面配合Fn键组合使用已达到某些特殊功能比如调节屏幕亮度系统音量 ...
win10系统老是自动重复，查看日志显示来源：DistributedCOM，事件：10016，解决办法
win10系统老是自动重复,查看日志显示来源:DistributedCOM,事件:10016,解决办法 1.查看系统日志 2.解决过程这阵子不懂电脑怎么了老是自动重启,写着写着代码就重启很是蛋疼,去 ...

JQ拖曳事件mouseup失效的解决办法

JQ拖曳事件mouseup失效的解决办法相关推荐

最新文章

热门文章