이 기사는 JavaScript의 예를 공유하여 마우스 박스 선택 작업을 구현하는데, 이는 참조를 위해 선택하려면 클릭하지 않습니다. 특정 내용은 다음과 같습니다
생식 이미지 :
암호:
<html> <head> </head> <style> 바디 {패딩 : 100px;} .filediv {float : 왼쪽; 너비 : 100px; 높이 : 100px; 텍스트-앨리글 : 중심; 라인-하이드 : 100px; font-size : 12px; 국경 : 1px solid #ccc; margin-bottom : 10px;}. . 선택한 {border : 1px solid red; back (filenodes (evt.y || evt.clienty); var seldiv = createelement ( "div"); #0099ff; 배경색 : #c3d5ed; z-index : 1000; 필터 : 알파 (불투명도 : 60); 불투명도 : 0.6; 디스플레이 : none; "; seldiv.id ="select.body.appendChild (seldiv); seldiv.style.left = startx + "px"; seldiv.style. null; = (evt.y || evt.clienty); seldiv.left = mathl.min + "px"; Math.abs (_y- 스타디) + " seldiv. var _w = seldiv. _h = seldiv && st> _t && sellist [i] .offsetleft <_l + _w && sellist [i] .offsettop <_t + _h) {if (sellist [i] .classname.indexof ( "seled") == -1) {classname [i] (Sellist [seled ") {sellist [i] .classname ="}}}; } sellist = null, _x = null, _y = null, seldiv = null, startx = null, starty = null = null}} (); 함수 cleareventBubble (evt) {if (evt.stopPropagation) evt.stopPropagation (); else evt.cancelbubble = true; if (evt.preventDefault) evt.preventDefault (); else evt.returnvalue = false; } 함수 showSelDiv (ARR) {var count = 0; var selinfo = ""; for (var i = 0; i <arr.length; i ++) {if (arr [i] .classname.indexof ( "seled")! = -1) {count ++; selinfo + = arr [i] .innerhtml + "/n"; }} alert ( "선택" + count + "파일 : /n" + selinfo); } </script> <bod> <div> file1 </div> <div> file2 </div> <div> file3 </div> <div> file4 </div> <div> file5 </div> <div> file6 </div> <div> file7 </div> file8 </div> <div> file9 </body> </html>위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.