Este artigo compartilha com você o exemplo de JavaScript para implementar a operação de seleção de caixas de mouse, que não é de forma alguma clicar para selecionar, para sua referência. O conteúdo específico é o seguinte
Imagem de reprodução:
Código:
<html> <head> </ad> <yyled> corpo {preenchimento: 100px;} .filediv {float: esquerda; largura: 100px; altura: 100px; text-align: centro; line-height: 100px; font-size: 12px; borda: 1px sólido #cc; sólido vermelho; cor de fundo:#d6dff7;} </style> <script type = "text/javascript"> (function () {document.onMousedown = function () {var sellist = []; var filenodes = document.getElementsByTagname ("div); para (var i = 0; (FileNodes [i] .ClassName.Indexof (Filediv ")! (EVT.Y || EVT.CLIENTY); #0099ff; cor de fundo: #C3D5ED; Z-Index: 1000; filtro: alfa (opacidade: 60); opacidade: 0.6; display: nenhum; "; seldiv.id =" selectDiv "; = NULL; _y = Evt.y || Evt.clienty); Math.abs (_y-Starty) + "px"; Seldiv.OffsetTop; ST> _T && Sellist [i] .offsetleft <_l + _w && Sellist [i] .offsetTop <_t + _h) {if (Sellist [i] .className.indexof ("Seled") == -1) Sellist [i] .classname.indexof ("Seled")! } Sellist = null, _x = null, _y = null, Seldiv = 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; } função 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 ("selecione" + count + "arquivos, que são: /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> <div>file8</div> <div>file9</div> </body> </html>O exposto acima é tudo sobre este artigo, espero que seja útil para o aprendizado de todos.