English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A propriedade onmousedown é usada para obter ou definir a função de manipulação de eventos do evento mousedown do elemento atual
Execute JavaScript ao pressionar o botão do mouse no parágrafo:
<!DOCTYPE html> <html> <head> <title>Uso da propriedade onmousedown do evento HTML (Tutorial Básico da Web oldtoolbag.com)</title> </head> <body> <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()"> Clique no texto! Quando o botão do mouse for pressionado neste parágrafo, o função mouseDown() será acionada. Esta função define a cor do texto como vermelha. Quando o botão do mouse for liberado, o função mouseUp() será acionada. A função mouseUp() define a cor do texto como verde.</p> <script> function mouseDown() { document.getElementById("p1").style.color = "red"; } function mouseUp() { document.getElementById("p1").style.color = "green"; } </script> </body> </html>Teste e veja ‹/›
No momento em que o mouse é pressionado no elemento atual, o evento mousedown é acionado
IEFirefoxOperaChromeSafari
Todos os navegadores populares suportam o atributo de evento onmousedown
O atributo onmousedown é acionado quando o botão do mouse é pressionado sobre um elemento.
Dica: Ordem de ativação de eventos relacionados ao onmousedown (botão esquerdo):/botão do meio do mouse):
onmousedown
onmouseup
Ordem de ativação de eventos relacionados a onclick e onmousedown (botão direito do mouse):
onmousedown
onmouseup
oncontextmenu
Atenção: O atributo onmousedown não pode ser usado nos seguintes elementos: <base>, <bdo>, <br>. <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ou <title>.
Nenhuma.
<elemento onmousedown="script">
Valor | Descrição |
---|---|
script | Define o script a ser executado quando o evento onmousedown for acionado. |