>  기사  >  웹 프론트엔드  >  Node.js 마우스 드래그 개체를 사용하면 모든 div에서 드래그 효과_javascript 기술을 얻을 수 있습니다.

Node.js 마우스 드래그 개체를 사용하면 모든 div에서 드래그 효과_javascript 기술을 얻을 수 있습니다.

WBOY
WBOY원래의
2016-05-16 18:42:07921검색

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. 왼쪽 }; 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-xparseInt(o.style.left),ty=a.pageY-yparseInt(o.style.top) ;
o.style.left=tx "px";
o.style.top=ty "px"
x=a.pageX; } ;
d.onmouseup=function(a){
if(!a)a=window.event;
if(o.releaseCapture)
o.releaseCapture()
else if (window.captureEvents)
            window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);                                      X)a .pageX=a.clientX; Y)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                                                                                   > }; 🎜>}


사용법:




코드 복사


코드는 다음과 같습니다.



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.