作家
登录

基于jquery的鼠标拖动效果代码

作者: 来源:www.28hudong.com 2013-03-30 00:27:42 阅读 我要评论

记得在之前的一个"拖动层"的随笔中,我实现拖动,是用的一个布尔变量,判断是否可以拖动某元素。 这两天看了一些东西,发现不需要设这个布尔变量; 实现过程: 按下鼠标的时候,给文档对象(当然也可以是别的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)

  推荐阅读

  基于jQuery的计算文本框字数的代码

一、功能:   1.用户边输入计算同时进行,告诉用户还剩余多少可输入的字数;   2.当超过规定的字数后,点击确定,会让输入框闪动 二、功能分析   1.重点是用什么事件?   标准浏览器用oninput,而IE则使用on>>>详细阅读


本文标题:基于jquery的鼠标拖动效果代码

地址:http://www.17bianji.com/kaifa2/JS/23349.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)