자바스크립트 그리기 직사각형 box_javascript 기술

전체 코드를 캡슐화하는 것을 고려하지 않는다면 약 5분 안에 비슷한 효과를 작성할 수 있습니다. 전체 코드를 객체로 캡슐화하기 위해 Pro Javascript Techniques 책에 있는 예제의 스타일을 살짝 빌려왔습니다.
Pro Javascript Techniques 책에서 권장되는 드래그 앤 드롭 예: http://boring.youngpup.net/2001/domdrag

<title>렉트</title> <style type="text/css"> </style> <div id="main" style="border: solid red 1px; height:90%; width:60%; curssor: default;"> </div> <input type="button" value="停止绘画" id="t"> 삭제 기능을 테스트하는 데 사용되는 페인팅 효과를 끄는 버튼을 추가합니다.
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]