Eventos: mousedown y mouseup
Ejemplo
Ejecución del ejemplo
<!DOCTYPE html> <html> <head> <title>Ejemplo de JavaScript</title> <meta charset="UTF-8"> </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> <script> document.getElementById('recuadro1').addEventListener('mousedown', presion1); document.getElementById('recuadro2').addEventListener('mouseup', presion2); 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> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar al menu