GlobalEventHandlers.onclick
Invalid slug for templ/sidebar: conflicting/Web/API/Element/click_event
A propriedade onclick
do mixin GlobalEventHandlers
é o event handler
para o processamento de eventos de click
em um dado elemento.
O evento click
acontece quando o usuário clica em um elemento. É disparado após os eventos mousedown
emouseup
na respectiva ordem.
Nota:
Ao usar o evento click
para disparar uma ação, considere também adicionar essa mesma ação ao evento keydown
, para permitir o uso dessa mesma ação a pessoas que não usam um mouse ou uma touchscreen.
Sintaxe
elemento.onclick = refDeFuncao;
Value
refDeFuncao
é o nome de uma função ou uma expressão de função. Essa função recebe um objeto MouseEvent
como único argumento. Dentro da função, this
será o elemento de qual o evento foi disparado.
Apenas um manipulador onclick
pode estar associado a um objeto em um momento. Em vez disso, você talvez prefira usar o método EventTarget.addEventListener()
, já que ele é mais flexível.
Exemplo
Esse evento registra a posição dos cliques.
HTML
<p>Clique em qualquer lugar nesse exemplo.</p>
<p id="log"></p>
JavaScript
let log = document.getElementById('log');
document.onclick = inputChange;
function inputChange(e) {
log.textContent = `Posição: (${e.clientX}, ${e.clientY})`;
}
Result
Especificação
No specification found
No specification data found for undefined
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Compatibilidade com navegadores
Veja também
-
click
event -
Manipuladores de evento relacionados: