Início / coding / Perguntas / 79324417
Accepted
Cymro
Asked: 2025-01-03 00:46:16 +0800 CST

Como usar jquery $(this) com $(document).keyup

  • 772

Eu tenho este código:

$(document).keyup( function(e) {
  console.log($(this).attr('id'));
});

Ao digitar uma tag de entrada HTML com um id, a saída em console.log é:

undefined

Como então usar $(this) dentro da função keyup?

jquery

1 respostas

  1. Best Answer

    O objeto de evento tem uma targetpropriedade que pode ser usada para isso:

    $(document).keyup( function(e) {
  console.log($(e.target).attr('id'));
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input type="text" id="foo">

    Você pode até mesmo dar um passo adiante e migrar para longe .keyup()e, em vez disso, padronizar em .on(), o que pode ser mais claro sobre delegação de eventos. Por exemplo:

    $(document).on('keyup', 'input', function(e) {
  console.log($(this).attr('id'));
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input type="text" id="foo">

    No caso acima, o segundo argumento .on()é um seletor a ser usado em tempo de execução para determinar se o elemento de origem deve acionar o manipulador de eventos e, dentro do manipulador de eventos, thisfaz referência a esse elemento de origem.

    • 3

relate perguntas