DISPARAR AÇÃO APÓS TECLAR ENTER DENTRO DE IMPUT COM JQUERY

Segue o exemplo:

NO HTML
<input id="elementoInput" placeholder="Clique aqui e tecle enter" type="text" />

NO JAVASCRIPT jQuery('#elementoInput').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ ////adiciona aqui a ação a ser executada após teclar enter. } });

PEGAR POSIÇÃO DO ELEMENTO FILHO COM MÉTODO INDEX() JQUERY

Precisei criar 3 abas que ao clicar em uma aba, exibi um conteúdo ligado ao título da aba clicada e da um hide nos demais conteúdos, ao clicar na segunda aba, exibe o conteúdo ligado a segunda aba e da hide na que tava aberta, e assim sucessivamente. Para saber qual conteúdo exibir quando clicava na aba, precisei pegar a posição da aba clicada que era igual a posição do conteúdo desta aba clicada.
Então conheci o método index() do jquery, que pega a posição do elemento filho de um determinado elemento pai.

Veja o código e o exemplo prático para entender melhor.

No HTML: 
<ul class="aba">
    <li style="cursor:pointer;">Aba 1</li>
    <li style="cursor:pointer">Aba 2</li>
    <li style="cursor:pointer">Aba 3</li>
</ul>
<div class="conteudo">
  <div style="display: none;"><b>Exibir Conteúdo da Aba 1</b></div>
  <div style="display: none;"><b>Exibir Conteúdo da Aba 2</b></div>
  <div style="display: none;"><b>Exibir Conteúdo da Aba 3</b></div>
</div>

NO JAVASCRIPT: $("ul.aba li").click(function(){ var index = $(this).index(); $("ul.aba li").css("color","black") $(this).css("color","blue") $("div.conteudo").children().hide() $("div.conteudo").children().eq(index).show() })
Veja o exemplo na prático abaixo clicando nas abas para que aparece o seu conteúdo.
  • Aba 1
  • Aba 2
  • Aba 3
Aqui Exibi o conteúdo da Aba 1, que foi a que você clicou.
Agora está exibindo o conteúdo da Aba 2
A aba 3 foi clicada, então aqui é exibido o conteúdo da Aba 3




Se este conteúdo te ajudou ou está com dúvida em algo relacionado a este assunto, por favor deixe seu comentário. Forte abraço!

TABELA DE CODIFICAÇÃO PARA TEXTOS COM CARACTERES ESPECIAIS QUE SÃO EXIBIDOS PELO JAVASCRIPT


Exemplo de implementação da tabela substituindo os caracteres especiais do texto pelo código acima que forma a letra desejada para que seja exibido pelo javascript.

NO JAVASCRIPT

alert("Precisei desta informa\xE7\xE3o");

Vai ser exibido no browser "Precisei desta informação"

Obs.: É necessário iniciar o código que vai representar a letra com \x
Obs.: Os zeros da primeira coluna da tabela é desconsiderada na formação da sequência do código;

PEGAR CONTEÚDO DO IFRAME COM MÉTODO CONTENTS() JQUERY DO JAVASCRIPT

Muito simples, graças ao método jquery contents().
$('#iframe').contents().find('#elementoQueProcuraDentroIframe').html();