基于jquery的鼠标拖动效果代码


Posted in Javascript onMay 30, 2012

记得在之前的一个"拖动层"的随笔中,我实现拖动,是用的一个布尔变量,判断是否可以拖动某元素。
这两天看了一些东西,发现不需要设这个布尔变量;

实现过程:
按下鼠标的时候,给文档对象(当然也可以是别的DOM对象)的移动事件绑定一个处理函数,同时也给鼠标抬起时绑定一个解除的处理函数。

//按下鼠标并移动时(拖动),调用的函数; 
function startSelection(event){ 
…… 
} //解除移动时的处理函数; 
function cancelSelection() { 
$(document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection); 

} 
//鼠标在按下时调用的函数 
function imgMouseDown(event){ 
$(document).mousemove(startSelection).mouseup(cancelSelection); 
} 
$img.bind("mousedown",imgMouseDown)
Javascript 相关文章推荐
javascript判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
在javascript中对于DOM的加强
Apr 11 Javascript
基于javascipt-dom编程 table对象的使用
Apr 22 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 Javascript
JavaScript中switch语句的用法详解
Jun 03 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
vue-better-scroll 的使用实例代码详解
Dec 03 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
Jun 10 Javascript
基于jquery的文本框与autocomplete结合使用(asp.net+json)
May 30 #Javascript
基于jQuery的倒计时实现代码
May 30 #Javascript
基于jquery的放大镜效果
May 30 #Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 #Javascript
Javascript的常规数组和关联数组对比小结
May 24 #Javascript
基于mootools插件实现遮罩层新手引导
May 24 #Javascript
jQuery 拖动层(在可视区域范围内)
May 24 #Javascript
You might like
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
PHP中数组定义的几种方法
2013/09/01 PHP
分享php多功能图片处理类
2016/05/15 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
jQuery中使用each处理json数据
2015/04/23 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
2016/06/30 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
domReady的实现案例
2016/11/23 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
JavaScript正则表达式简单实用实例
2017/06/23 Javascript
关于使用axios的一些心得技巧分享
2017/07/02 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
JavaScript如何操作css
2020/10/24 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
Python中编写ORM框架的入门指引
2015/04/29 Python
TensorFlow变量管理详解
2018/03/10 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
python数据分析:关键字提取方式
2020/02/24 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
Python 统计位数为偶数的数字代码详解
2020/03/15 Python
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
巴西箱包、背包、钱包和旅行配件购物网站:Inovathi
2019/12/14 全球购物
新农村建设汇报材料
2014/08/15 职场文书
教师党员个人自我剖析材料
2014/09/29 职场文书
教师研修随笔感言
2015/11/18 职场文书