基于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 indexOf函数使用说明
Jul 03 Javascript
JS面向对象编程 for Cookie
Sep 19 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jan 13 Javascript
js Math 对象的方法
Sep 01 Javascript
js delete 用法(删除对象属性及变量)
Aug 24 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
jQuery实现获取table表格第一列值的方法
Mar 01 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
vue树形结构获取键值的方法示例
Jun 21 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 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之第一天
2006/10/09 PHP
php 判断服务器操作系统的类型
2014/02/17 PHP
php中curl使用指南
2015/02/05 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
2017/06/09 PHP
Thinkphp5框架ajax接口实现方法分析
2019/08/28 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
使用PHP开发留言板功能
2019/11/19 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
Javascript模块化编程详解
2014/12/01 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
2017/05/11 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
微信小程序换肤功能实现代码(思路详解)
2020/08/25 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python使用pil生成图片验证码的方法
2015/05/08 Python
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
Python的in,is和id函数代码实例
2020/04/18 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
基于canvas使用贝塞尔曲线平滑拟合折线段的方法
2018/01/10 HTML / CSS
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
饮料业务员岗位职责
2013/12/15 职场文书
带薪年假请假条
2014/02/04 职场文书
学校课外活动总结
2014/05/08 职场文书
爱护公共设施标语
2014/06/24 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书
现实表现证明材料
2015/06/19 职场文书
高二化学教学反思
2016/02/22 职场文书
解决numpy数组互换两行及赋值的问题
2021/04/17 Python
Java实现扫雷游戏详细代码讲解
2022/05/25 Java/Android