Este artigo descreve o método do JS para obter efeito de seleção de caixas de mouse. Compartilhe -o para sua referência, como segue:
<! Docttype html public "-// w3c // dtd html 4.01 // pt" "http://www.w3.org/tr/html4/strict.dtd"><html><head> http --equiv =" contentppe " Efeito de seleção de caixa de mouse </itit> <yoy> *{preenchimento: 0; margem: 0; } #bottom {posição: absoluto; Inferior: 0px; largura: 100%; Altura: 40px; borda: 1px sólido #000; Antecedentes:#000; Cor: #FFF; } .tempdiv {borda: 1px azul tracejado; Antecedentes:#5A72F8; Posição: Absoluto; largura: 0; altura: 0; filtro: alfa (opacidade: 10); opacidade: 0.1} </style> <script type = "text/javascript"> window.onload = function () {var stateBar = document.getElementById ("inferior"); document.onmousedown = function (e) {var posx = e.clientX; var posy = e.clienty; var div = document.createElement ("div"); div.className = "tempdiv"; div.style.left = e.clientx+"px"; div.style.top = e.clienty+"px"; document.body.appendChild (div); document.onMousEMove = function (ev) {div.style.left = math.min (ev.clientx, Posx) + "px"; div.style.top = math.min (ev.clienty, posy) + "px"; div.style.width = Math.abs (Posx - ev.clientX)+"px"; div.style.Height = Math.abs (posy - ev.clienty)+"px"; statebar.innerhtml = "mousex:" + ev.clientx + "<br/> mousey:" + ev.clienty; document.onmouseup = function () {div.parentnode.removeChild (div); document.onMousEmove = null; document.onmouseup = null; }}}} </script> </ad Head> <body> <div id = "Bottom"> </div> </body> </html>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of Javascript Algoritmos e Técnicas de Traversal "e" Resumo do Uso do Javascript Mathematic Operations "
Espero que este artigo seja útil para a programação JavaScript de todos.