Эта статья делится с вами примером JavaScript для реализации операции выбора мыши, которая ни в коем случае не является нажмите, чтобы выбрать, для вашей ссылки. Конкретный контент заключается в следующем
Изображение воспроизведения:
Код:
<html> <Head> </head> <style> body {padding: 100px;} .fileDiv {float: слева; .seed {border: 1px solid red; фоновый цвет:#d6dff7;} </style> <script type = "text/javascript"> (function () {document.onmouseDown = funct (filenodes [i] .classname.indexof ("filediv")! (evt.y || evt.clienty); #0099ff; фоновый цвет: #c3d5ed; z-index: 1000; фильтр: альфа (непрозрачность: 60); непрозрачность: 0,6; отображение: нет; »; seldiv.id =" selectDiv "; document.Body.AppendChild (seldiv); seldiv.style.left = startx +" px "; _x = null; evt.clientx); seldiv.style.height = math.abs (_y - starty) + "px"; ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------. _h = seldiv.offsetheight; _w && sellist [i] .offsettop <_t + _h) {if (selist [i] .classname.indexof ("seled") == -1) {sellist [i] .classname = sellist [i] .classname + "seled"; Sellist [i] .classname = "filediv"; null, startx = null, starty = null, evt = null; function cleareventBubble (evt) {if (evt.stoppropagation) evt.stoppropagation (); else evt.cancelbubble = true; if (evt.preventdefault) evt.preventDefault (); else evt.returnvalue = false; } function 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 ("select" + count + "файлы, которые: /n" + selinfo); } </script> <body> <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 </div> </body> </div> </div> <div> <div> </div> </body>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.