>  기사  >  웹 프론트엔드  >  javascript 마우스 끌기 아이콘 technology_javascript 기술

javascript 마우스 끌기 아이콘 technology_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:35:001020검색

이 예는 단순히
코드

코드 복사 코드는 다음과 같습니다.


< ; /div>
<script> <br>var bb = document.getElementById("block") <br>bb.onmousedown = function(){ <br>//마우스의 현재 좌표 가져오기<br>var pageX = event.clientX; <br>var pageY = event.clientY; <br>//블록의 좌표, 왼쪽 테두리 및 위쪽 테두리 가져오기<br>var offX =parseInt(this.style.left) ||0 >var offY = parsInt(this.style.top)||0; <br>//마우스 좌표와 블록 좌표 사이의 거리를 계산합니다.<br>var offLX = pageX-offX; >var offLY = pageY-offY ; <br>if(!document.onmousemove){ <br>document.onmousemove = function(){ <br>bb.style.left=event.clientX-offLX; 블록 좌표 <br>bb.style.top=event.clientY-offLY; //블록의 Y 좌표 설정 <br>} <br>} <br>} <br>document.onmouseup = function(){ document.onmousemove = null;} //마우스 바운스<br></script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.