Skip to main content
adicionou 632 caracteres ao conteúdo
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

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>

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.

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>

Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

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.