Método de implementação de HTML detectando que a entrada foi concluída e preenchendo automaticamente o próximo conteúdo

No artigo anterior, simplesmente implementamos a detecção de que a entrada foi concluída. Implementamos a detecção de que a entrada foi concluída. preenchido e preencha automaticamente o próximo conteúdo.

Quando precisamos preencher automaticamente o conteúdo e não queremos que ele seja alterado, precisamos adicionar o atributo readonly.

Ao preencher o formulário de reembolso, basta preencher o número de dias de viagem de negócios e o valor do subsídio de viagem de negócios será calculado automaticamente.

O código é o seguinte

 <tbody> <tr style=background-color:#FfFFFF> <th colspan=2 class=info>Subsídio para viagem de negócios:</th> </tr> <tr style=background-color:#F3F3F3> <th>Número de dias de subsídio:</th> <td> <input class=form-control onBlur=finnishInput(event) onInput(event) id=travelAllowanceDaysId type=number placeholder=> </td> </tr> <tr style=background-color:#FFFFFF> <th>Valor do subsídio:</th> <td> <input class=form-control id=travelAllowanceFeesId type=number placeholder= > </td> </tr></tbody>

Código JavaScript:

 var sinalizador = 0; função onInput(e) { console.log(Inputing sinalizador = 1; $api.removeAttr($api.byId('travelAllowanceFeesId'), 'readonly');} função finnishInput(e) { se (1 == sinalizador) { console.log(InputOk sinalizador = 0; $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value; $api.attr($api.byId('travelAllowanceFeesId'), 'somente leitura', verdadeiro }}

Os resultados são os seguintes

O acima é o método de implementação que o editor apresenta para detectar se a entrada HTML foi concluída e preencher automaticamente o próximo conteúdo. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e. o editor responderá a você a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!

Se você acha que este artigo é útil para você, fique à vontade para reimprimi-lo, indique a fonte, obrigado!