Evento onmousedown
Exemplo
Execute um JavaScript ao pressionar um botão do mouse sobre um parágrafo:
<p onmousedown="myFunction()">Click the text!</p>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onmousedown ocorre quando um usuário pressiona um botão do mouse sobre um elemento.
Dica: A ordem dos eventos relacionados ao evento onmousedown (para o botão esquerdo/do meio do mouse):
A ordem dos eventos relacionados ao evento onmousedown (para o botão direito do mouse):
- abaixar o mouse
- de rato
- no menu de contexto
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
onmousedown | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element onmousedown="myScript">
Em JavaScript:
object.onmousedown = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("mousedown", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | sim |
Tipo de evento: | MouseEvent |
Tags HTML suportadas: | Todos os elementos HTML, EXCETO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
Versão DOM: | Eventos de Nível 2 |
Mais exemplos
Quando o botão do mouse é pressionado sobre um elemento <p>, mude sua cor para vermelho.
Alerta qual botão do mouse o usuário pressionou.
Alerte o nome do elemento em que o usuário clicou.