基于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 相关文章推荐
JS去除字符串两端空格的简单实例
Dec 27 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
May 12 Javascript
浅谈JavaScript中小数和大整数的精度丢失
May 31 Javascript
Backbone View 之间通信的三种方式
Aug 09 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
Bootstrap布局之栅格系统学习笔记
May 04 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
原生JavaScript实现换肤
Feb 19 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实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
jQuery之end()和pushStack()使用介绍
2012/02/07 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
canvas实现探照灯效果
2017/02/07 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
Python 模拟登陆的两种实现方法
2017/08/10 Python
Python决策树分类算法学习
2017/12/22 Python
python切片的步进、添加、连接简单操作示例
2019/07/11 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
网络工程师的自我评价
2013/10/02 职场文书
社区服务活动总结
2014/05/07 职场文书
工作岗位说明书模板
2014/05/09 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
500字作文之难忘的同学
2019/12/20 职场文书
MySQL 十大常用字符串函数详解
2021/06/30 MySQL
MySQL创建定时任务
2022/01/22 MySQL
Python  lambda匿名函数和三元运算符
2022/04/19 Python