js鼠标拖动对象： 复制代码 代码如下: //定义鼠标拖动对象 drag=function (a,o){ var d=document;if(!a)a=window.event; if(!a.pageX)a.pageX=a.clientX; if(!a.pageY)a.pageY=a.clientY; var x=a.pageX,y=a.pageY; if(o.setCapture) o.setCapture(); else if(window.captureEvents) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); var backData = {x : o.style.top, y : o.style.left}; d.onmousemove=function(a){ if(!a)a=window.event; if(!a.pageX)a.pageX=a.clientX; if(!a.pageY)a.pageY=a.clientY; var tx=a.pageX-x+parseInt(o.style.left),ty=a.pageY-y+parseInt(o.style.top); o.style.left=tx+"px"; o.style.top=ty+"px"; x=a.pageX; y=a.pageY; }; d.onmouseup=function(a){ if(!a)a=window.event; if(o.releaseCapture) o.releaseCapture(); else if(window.captureEvents) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); d.onmousemove=null; d.onmouseup=null; if(!a.pageX)a.pageX=a.clientX; if(!a.pageY)a.pageY=a.clientY; if(!document.body.pageWidth)document.body.pageWidth=document.body.clientWidth; if(!document.body.pageHeight)document.body.pageHeight=document.body.clientHeight; if(a.pageX < 1 || a.pageY < 1 || a.pageX > document.body.pageWidth || a.pageY > document.body.pageHeight){ o.style.left = backData.y; o.style.top = backData.x; } }; } 使用方法： 复制代码 代码如下: <div id="divPhoto" onmousedown="drag(event,this)"></div>

　　推荐阅读

　　JQuery SELECT单选模拟jQuery.select.js

基于jQuery JavaScript Library v1.3.2 的单选模拟 (本文件是跟据 zhangjingwei 的Jquery Select(单选) 模拟插件 V1.3.4 修改而来的) a. 修改的主要原因是，原来的zhangjingwei的模拟在显示方式上的问题。在跟文字>>>详细阅读

本文标题：js 鼠标拖动对象 可让任何div实现拖动效果

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

 1/2    1