Eventos: mousedown y mouseup
Ejemplo
Ejecución del ejemplo
<html> <head> <script type="text/javascript"> addEventListener('load',inicio,false); function inicio() { document.getElementById('recuadro1').addEventListener('mousedown',presion1,false); document.getElementById('recuadro2').addEventListener('mouseup',presion2,false); } function presion1() { document.getElementById('recuadro1').innerHTML='Se presione el mouse y todavía no se soltó'; } function presion2() { document.getElementById('recuadro2').innerHTML='Se presione el mouse y se soltó'; } </script> </head> <body> <p>Presione el recuadro amarillo sin soltar el botón del mouse.</p> <div style="width:200px;height:200px;background:#ffff00" id="recuadro1"> </div> <p>Presione el recuadro naranja y suelte el botón del mouse.</p> <div style="width:200px;height:200px;background:#ff5500" id="recuadro2"> </div> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar al menu