基于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 09 Javascript
DOM2非标准但却支持很好的几个属性小结
Jan 21 Javascript
JQuery文字列表向上滚动的代码
Nov 13 Javascript
JQuery中extend使用介绍
Mar 13 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
逻辑表达式中与或非的用法详解
Jun 06 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
Vue+Element使用富文本编辑器的示例代码
Aug 14 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 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
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
页面中body onload 和 window.onload 冲突的问题的解决
2009/07/01 Javascript
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
很棒的学习jQuery的12个网站推荐
2011/04/28 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
新手快速上手webpack4打包工具的使用详解
2019/01/28 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
python socket网络编程之粘包问题详解
2018/04/28 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
Python try except else使用详解
2021/01/12 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
.NET程序员的数据库面试题
2012/10/10 面试题
2014村务公开实施方案
2014/02/25 职场文书
森林病虫害防治方案
2014/06/02 职场文书
运动会广播稿100字
2014/09/14 职场文书
2015年车间管理工作总结
2015/07/23 职场文书
关于车尾的标语大全
2015/08/11 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Spring中的@Transactional的工作原理
2022/06/05 Java/Android