基于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 相关文章推荐
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
javascript比较两个日期的先后示例代码
Dec 31 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
Mar 01 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
node中的密码安全(加密)
Sep 17 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
JS实现星星海特效
Dec 24 Javascript
vue实现图片懒加载的方法分析
Feb 05 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查询网站的PR值
2013/10/30 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
PHP页面输出搜索后跳转下一页的处理方法
2016/09/30 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
jquery下将选择的checkbox的id组成字符串的方法
2010/11/28 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
深入剖析JavaScript:Object类型
2016/05/10 Javascript
Markdown+Bootstrap图片自适应属性详解
2016/05/21 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
JS实现手风琴特效
2020/11/08 Javascript
js实现圆形菜单选择器
2020/12/03 Javascript
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
python 遍历字符串(含汉字)实例详解
2017/04/04 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
Python input函数使用实例解析
2019/11/22 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
用于ETL的Python数据转换工具详解
2020/07/21 Python
浅析Python中字符串的intern机制
2020/10/03 Python
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
Unineed中文官网:高端护肤美妆与时尚配饰,英国直邮
2020/07/23 全球购物
会计系毕业求职信
2014/08/07 职场文书
小学家长学校培训材料
2014/08/24 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
孔子观后感
2015/06/08 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python
利用Python实现Picgo图床工具
2021/11/23 Python