Não é possível fazer o que você deseja. A sintaxe de exemplo que você demonstrou na pergunta é inválida.
O que você pode fazer é criar uma função que encapsulará todo o bloco de código que você precisa executar. Após isso basta reutilizar a função em diversos lugares.
Algo assim:
function eventHandler(message) {
console.log('Hello! From ' + message)
}
<input onclick="eventHandler('Focou')" onblur="eventHandler('Desfocou')" />
Tente focar e desfocar o input. Você agora está utilizando a mesma função para dois eventos distintos.
PS: A medida que o seu código cresce, passa ser ruim definir os eventos diretamente no HTML. APIs como o addEventListener
são recomendadas, já que com elas você pode definir o evento diretamente no código JavaScript.
E é importante salientar que o addEventListener
não aceita múltiplos eventos ao mesmo tempo. Você precisa criar o listener individualmente para cada evento.
const el = document.querySelector('button');
function handler(type) {
console.log('Evento! ->', type);
}
el.addEventListener('mouseenter', () => handler('Entrou'));
el.addEventListener('mouseleave', () => handler('Saiu'));
<button>Passe o Mouse!</button>