Evento onmousedown

Definição e uso

Ocorre o evento onmousedown quando o usuário pressiona o botão do mouse em um elemento.

Dica:Ordem dos eventos relacionados ao onmousedown (para o botão esquerdo/meio do mouse):

  1. onmousedown
  2. onmouseup
  3. onclick

Ordem dos eventos relacionados ao onmousedown (para o botão direito do mouse):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

Exemplo

Executa JavaScript ao pressionar o botão do mouse no parágrafo:

<p onmousedown="myFunction()">Clique no texto!</p>

Experimente você mesmo

Mais exemplos TIY no rodapé da página.

Sintaxe

No HTML:

<element onmousedown="myScript">

Experimente você mesmo

No JavaScript:

object.onmousedown = function(){myScript};

Experimente você mesmo

No JavaScript, use o método addEventListener():

object.addEventListener("mousedown", myScript);

Experimente você mesmo

Notas:O Internet Explorer 8 e versões anteriores não suportam Método addEventListener().

Detalhes técnicos

Bubbling: Suporte
Cancelável: Suporte
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 do DOM: Eventos de Nível 2

Suporte do navegador

Evento Chrome IE Firefox Safari Opera
onmousedown Suporte Suporte Suporte Suporte Suporte

Mais exemplos

Dispara uma função com parâmetros ao pressionar o botão
Quando o botão do mouse é pressionado no elemento <p>, sua cor é alterada para vermelha.
Avisar qual botão do mouse foi pressionado
Avisar ao usuário qual botão do mouse foi pressionado.
Indicar o elemento clicado
Avisar o nome do elemento clicado pelo usuário.