Skip to main content
adicionou 1006 caracteres ao conteúdo
Fonte Link
guastallaigor
  • 1,3mil
  • 9
  • 12

Não sei se entendi corretamente, fiz um exemplo bem simples que simula a digitação de uma palavra em um input.

Caso seja uma frase ou algo mais complexo, peço que deixe mais claro por gentileza em sua pergunta ou me informe nos comentários se não é bem isso que você quer.

Se não entendi corretamente me informe que deleto a resposta.

EDIT: Adicionado eventos de keyup, keypress e keydown na digitação desta simulação. Para melhor visualização dos eventos, dexei comentado o keypress e o keydown.

Segue abaixo:

function simularsimulate() {
  var word = "Otorrinolaringologista";
  var wordsplit = word.split("");
  var clear = 0;
  var i = 0;
  clearTimeout(time);
  var time = setInterval(function() {    
    if (!wordsplit[i]) {
      clearInterval(time);
      return;
    }
    var el = document.getElementByIdquerySelector("teste"'#teste');   
    el.value += wordsplit[i];    
    triggerEvent(el, 'keyup');
    // triggerEvent(el, 'keydown');
    // triggerEvent(el, 'keypress');
    i++;
  }, 100);
}

simularfunction triggerEvent(el, type) {
  if ('createEvent' in document) {        
    var e = document.createEvent('HTMLEvents');
    e.initEvent(type, false, true);
    el.dispatchEvent(e);        
  }
}

var inputlistener = document.querySelector('#teste');    
inputlistener.addEventListener('keypress', function (event) {
  console.log('Keypress acionado - Valor: ' + event.target.value);
});

inputlistener.addEventListener('keydown', function(event) {
  console.log('Keydown acionado - Valor: ' + event.target.value);
});

inputlistener.addEventListener('keyup', function(event) {
  console.log('Keyup acionado - Valor: ' + event.target.value);
});

simulate();
<input type="text" id="teste" name="teste" />

Não sei se entendi corretamente, fiz um exemplo bem simples que simula a digitação de uma palavra em um input.

Caso seja uma frase ou algo mais complexo, peço que deixe mais claro por gentileza em sua pergunta ou me informe nos comentários se não é bem isso que você quer.

Se não entendi corretamente me informe que deleto a resposta.

Segue abaixo:

function simular() {
  var word = "Otorrinolaringologista";
  var wordsplit = word.split("");
  var clear = 0;
  var i = 0;
  clearTimeout(time);
  var time = setInterval(function() {    
    if (!wordsplit[i]) {
      clearInterval(time);
      return;
    }
    document.getElementById("teste").value += wordsplit[i];    
    i++;
  }, 100);
}

simular();
<input type="text" id="teste" name="teste" />

Não sei se entendi corretamente, fiz um exemplo bem simples que simula a digitação de uma palavra em um input.

Caso seja uma frase ou algo mais complexo, peço que deixe mais claro por gentileza em sua pergunta ou me informe nos comentários se não é bem isso que você quer.

Se não entendi corretamente me informe que deleto a resposta.

EDIT: Adicionado eventos de keyup, keypress e keydown na digitação desta simulação. Para melhor visualização dos eventos, dexei comentado o keypress e o keydown.

Segue abaixo:

function simulate() {
  var word = "Otorrinolaringologista";
  var wordsplit = word.split("");
  var i = 0;
  var time = setInterval(function() {    
    if (!wordsplit[i]) {
      clearInterval(time);
      return;
    }
    var el = document.querySelector('#teste');   
    el.value += wordsplit[i];    
    triggerEvent(el, 'keyup');
    // triggerEvent(el, 'keydown');
    // triggerEvent(el, 'keypress');
    i++;
  }, 100);
}

function triggerEvent(el, type) {
  if ('createEvent' in document) {        
    var e = document.createEvent('HTMLEvents');
    e.initEvent(type, false, true);
    el.dispatchEvent(e);        
  }
}

var inputlistener = document.querySelector('#teste');    
inputlistener.addEventListener('keypress', function (event) {
  console.log('Keypress acionado - Valor: ' + event.target.value);
});

inputlistener.addEventListener('keydown', function(event) {
  console.log('Keydown acionado - Valor: ' + event.target.value);
});

inputlistener.addEventListener('keyup', function(event) {
  console.log('Keyup acionado - Valor: ' + event.target.value);
});

simulate();
<input type="text" id="teste" name="teste" />

Fonte Link
guastallaigor
  • 1,3mil
  • 9
  • 12

Não sei se entendi corretamente, fiz um exemplo bem simples que simula a digitação de uma palavra em um input.

Caso seja uma frase ou algo mais complexo, peço que deixe mais claro por gentileza em sua pergunta ou me informe nos comentários se não é bem isso que você quer.

Se não entendi corretamente me informe que deleto a resposta.

Segue abaixo:

function simular() {
  var word = "Otorrinolaringologista";
  var wordsplit = word.split("");
  var clear = 0;
  var i = 0;
  clearTimeout(time);
  var time = setInterval(function() {    
    if (!wordsplit[i]) {
      clearInterval(time);
      return;
    }
    document.getElementById("teste").value += wordsplit[i];    
    i++;
  }, 100);
}

simular();
<input type="text" id="teste" name="teste" />