基于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 程序库的比较(一)之DOM功能
Apr 07 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
Jul 07 Javascript
js判断空对象的实例(超简单)
Jul 26 Javascript
基于canvas的二维码邀请函生成插件
Feb 14 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
Apr 01 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
JavaScript选择器函数querySelector和querySelectorAll
Nov 27 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采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
XML的代替者----JSON
2007/07/21 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
js中的referrer返回上一页使用介绍
2013/09/26 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
js匿名函数作为函数参数详解
2016/06/01 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
2018/09/19 Javascript
图文详解vue框架安装步骤
2019/02/12 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
[19:15]DK战队纪录片
2014/09/02 DOTA
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
[01:18:33]Secret vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
浅析python中SQLAlchemy排序的一个坑
2017/02/24 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
Python进程间通信Queue实例解析
2018/01/25 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
详解python之heapq模块及排序操作
2019/04/04 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
最新pycharm安装教程
2020/11/18 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
美国第二大连锁书店:Books-A-Million
2017/12/28 全球购物
JAVA和C++的区别
2013/10/06 面试题
反腐倡廉演讲稿
2014/05/22 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
机关作风建设工作总结
2014/10/23 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
2022/06/25 Servers
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技