Bem vindo de volta.
Neste vídeo, abordaremos a última grande parte restante da funcionalidade, que é a criação de
novas para fazer.
Então, por aqui, na versão completa, apenas para tropeçar sua memória do jeito que funciona, posso digitá-lo para
você e, em seguida, pressione enter.
Portanto, não há nenhum botão para clicar.
Acabei de entrar e isso vai me enviar e me tornar um novo para fazer aqui, que posso
verificar ou excluir.
Então vamos começar.
A primeira coisa que precisamos fazer é adicionar um ouvinte à entrada de texto que dispara quando atingimos a tecla enter.
Para fazer isso, temos algumas opções.
Podemos usar a tecla pressionada ou podemos usar em nós precisamos começar selecionando a entrada e em vez de
deixá-la como apenas entrada.
Eu vou ser mais específico e dizer que o tipo de entrada é igual ao texto.
Então, isso afetará todas as entradas ou digitará texto igual a igual e depois adicionará nosso DOT e usarei a tecla
pressionar aqui as chamadas do tipo de entrada pressionar a tecla de texto.
Aqui está a função de retorno de chamada, vamos começar com um registro de alt constante e este log constante será
executado em qualquer tecla, pressione apenas a tecla enter.
Então, apenas para manter pressionado e salvar e voltar para o navegador e atualizar e vamos abrir isso aqui.
E quando eu pressionar a tecla, você percebe que eu recebo uma pressão de tecla.
Então vou acertar outra tecla e isso continua subindo.
Então, nós realmente não queremos fazer nada até que o usuário atinja a chave Enter.
Então, precisamos mudar seu código um pouco no vídeo onde apresentamos o método de imprensa de chave.
objeto pressionar tecla e que corresponde à chave que foi pressionada ou o código de caractere da chave.
Eu também falei sobre qual propriedade no
Então, vamos usar isso aqui e vamos verificar se o código do personagem é 13, que é
o código da tecla enter.
Então, devemos voltar a trabalhar novamente com o objeto do evento, que pode ser chamado qualquer coisa
que desejamos e então vamos executar se o evento que triplicar é igual ao número 13, que é como verificamos a chave de entrada, cada personagem
possui a sua própria O código e a tecla enter são 13, então vamos fazer um registro constante.
Você bateu enter e salvará voltar aqui.
Agora eu estou digitando um monte de chaves que não são inseridas.
E agora vou tocar Enter.
Você pode ver que recebemos chamadas sobre log.
Você atingiu enter.
ESTÁ BEM.
Então, ao invés de simplesmente cancelar o logon quando entramos, digite o que precisamos fazer
é tirar o texto daqui, extrair, faça um novo aliado que depois adicionamos depois disso e então queremos limpar essa entrada para
que o texto desapareça.
Então, começaremos extraindo o valor e esse é bastante simples.
Usaremos o método Val.
Então, queremos o valor da entrada que podemos fazer com um simples voto.
Então, vamos fazer um constable.
registre este Darvell, lembre-se de que isso se refere à entrada que a imprensa de chave ocorreu na atualização.
Digite qualquer coisa que não seja inserida.
Nada acontece.
Agora, se eu clicar em um console que registre o valor como você pode ver, digite talo e acertei.
Então, vamos salvar isso em uma variável.
Vamos chamar para que o texto seja igual à vogal de início.
Então, está pegando texto novo a partir da entrada.
E então o que queremos fazer a seguir é criar um novo aliado e adicionar-lhe bem para fazer isso.
Eu vou apresentar um novo método chamado acrescentar a forma como o append funciona é que
primeiro selecionamos um elemento a ser anexado.
Então, vamos adicionar nossas coisas a fazer.
Então, vamos adicionar nossas dívidas à U. N. na página.
Então, você vai e irá acrescentar aliados a esse bem.
Então, se eu fizer, você irá acrescentar e eu posso dar uma série de h t m l.
Então, se eu adicionar aliado aqui e acabei de codificar algo para começar.
Então, este é um novo aliado que anexamos a esta UL, assim como eu
selecionei a UL e isso realmente seleciona tudo mais.
Nós só temos um e depois ficamos sem canetas.
E isso levará essa corda e adicioná-la ao poço como cada Chimo dentro, se você quiser.
Então, eu vou mostrar que quando entramos aqui, não importa o que escrevemos porque
não estamos usando isso.
Ele acrescenta em um novo aliado.
E toda vez que acertar, entro, fará isso e, se eu inspecionar, você pode ver que é um elemento que
foi adicionado dentro do poço assim como estes são elementos semelhantes.
Então, o que queremos fazer, no entanto, é realmente usar a variável do text.
Tudo o que precisamos fazer é usar o sinal de mais para adicionar essa variável.
fechamento e usaremos um sinal de mais e adicionaremos para fazer o texto e isso acabará com uma
grande string que tem o nosso texto que é o que o usuário digitou na entrada mais
O aliado de abertura e encerramento e nós enviamos isso para você irá refrescar o cachorro e pego Enter e nós recebemos um novo aliado aqui.
Então, teremos duas tags de linha de abertura separadas e tags de
Então, há dois grandes problemas.
Um que queremos esclarecer esta entrada e dois, não temos o período.
Comecemos por limpar a entrada.
Tudo o que precisamos fazer é executar sinal de dólar neste voto e dar-lhe uma seqüência vazia onde ele atua como um setter em vez
de apenas um getter.
E isso agora deve nos dar uma entrada vazia quando eu digito um novo para fazer, cada passo para fazer é adicionado
e isso é apagado.
Em seguida, obtenha o intervalo para mostrar de volta.
Então, tudo o que precisamos fazer lá é dentro de nosso aliado, vamos adicionar em uma pilha de extensão e isso será anexado.
E nós só precisamos nos certificar de que temos o X lá e espaço apenas para que o X tenha um espaço entre
ele e denunciar o texto.
E se salvarmos, agora adicionamos uma nova string com um aliado com uma extensão dentro dela.
Então, alimente o cachorro e acabamos com a extensão e o novo aliado.
No entanto, temos um problema com este código que é quando eu adiciono novo para fazer como feed cat
e eu tento verificar os novos.
Eles realmente não fecham nem excluem os antigos que ainda fazem.
Então o evento ao vivo ainda está disparando.
Este evento de palco ainda dispara, mas as novas tatuagens que criam dinamicamente as que
não estão lá quando a página carrega não funcionam.
Isto é o que eu estava falando quando eu mostrei esse slide e ele disse na maioria dos casos rápido
e no Quake vamos fazer o trabalho.
No entanto, existe uma diferença fundamental.
O Quick só irá adicionar ouvintes para os elementos existentes, irá adicionar ouvintes para todos os elementos futuros potenciais.
E é isso que precisamos fazer aqui é usar porque queremos que esses ouvintes estejam ouvindo em
todos os aliados potenciais.
Então abra o fornecimento que eu estou aqui e vou demonstrar como podemos usar em vez de rápido e não rápido.
Portanto, não é uma questão de apenas trocar para estar em frente.
Então, se eu apenas mudar isso para ser um aliado em clique assim, eu deixo isso assim.
Basicamente, é exatamente a mesma coisa exceto com em vez de rápido.
E se eu voltar e atualizar os trabalhos sobre os elementos originais e se eu adicionar novos, isso não funciona.
Portanto, não se trata apenas de trocar rápido e rápido.
Bem, nós realmente precisamos fazer é mudar nosso código um pouco.
Então eu vou mostrar a você a mudança primeiro e depois vou explicar.
Então, o que eu fiz é que eu escrevi você bem na vírgula rápida.
Por quê.
A razão pela qual eu tive que fazer isso é que só podemos adicionar um ouvinte usando a consulta j nos elementos que existem
quando esse código é executado pela primeira vez.
E quando este código é executado a primeira vez que não temos todos os aliados.
Nós só temos três, então, se adicionarmos um ouvinte rápido aos aliados, ele só irá adicionar esses três.
Então, o que fazemos é adicionar um ouvinte a todo o pai da UL.
Então, sempre que clicarmos sobre isso, você ouvirá esse ouvinte.
Exceto que adicionamos este segundo argumento.
E o que esse código faz é dizer quando um aliado é clicado dentro de um você executará este código.
Então, adicionamos um ouvinte a um elemento que existe quando a página é carregada.
Mas estamos realmente apenas ouvindo as mentiras que são clicadas dentro disso.
Então, deixe-me demonstrar isso agora.
Eu vou atualizar e vamos adicionar alguns novos aqui.
Os antigos ainda funcionam e os novos também podem ser verificados.
Mas a exclusão não funciona.
Então precisamos voltar e fazer a mesma mudança exata.
Então, vamos ouvir um evento que existe quando a página carrega com e depois clique, mas nós só queremos que
esse código seja executado quando um intervalo é clicado dentro de um poço.
E se deixarmos isso, devemos ser bons para ir.
Agora vamos testá-lo.
Podemos excluir os antigos e os novos e também podemos atravessar os dois.
Tudo bem, vamos resumir alguns dos novos materiais aqui.
A primeira coisa é o método de adição que pode levar uma seqüência de HMO e, em seguida,
anexará esses elementos ao que selecionamos.
E a segunda coisa foi usar em vez de rápido e adicionar nesta UL em rápido.
E o segundo argumento que especifica aliados que podem ou não estar na página quando carregou dentro
do poço que definitivamente estava na página quando a página foi carregada.
Então, estamos adicionando ouvintes de eventos aos elementos que existem quando a página é carregada para que possamos explicar
os elementos que ainda não existem.
É por nossa funcionalidade básica.
Temos uma lista completa de tarefas.
O que nos concentraremos no próximo vídeo é o estilo.
E definitivamente temos maneiras de ir para lá.