主页 / 问题 / 632342
Accepted
Анатолий
Asked:2020-02-25 19:25:04 +0000 UTC2020-02-25 19:25:04 +0000 UTC

如何在JS中写文本？模拟手动输入

  • 772

大家好。如何使用JS模拟手动输入。也就是说，假装好像有人在按下按钮。例如，让我们在一个div中写入以下文本

Привет это написано при помощи JS

我们在这里写这篇文章。

<textarea id="test">
<textarea>

添加。

您需要模拟击键。曾经有过这样的剧本，但是弄丢了。

javascript

2 个回答

  1. Best Answer

    最简单的方法

    function setText(elem, text, speed) {
  // Обращаемся к элементу
  var e = document.querySelector(elem);

  // Устанавливаем начальную позицию
  var i = 0,
  // Создаём интервал
      int = setInterval(function() {
        // Если позиция равна количеству символов в тексте, то удаляем интервал
        if(i == text.length){
          clearInterval(int);
        };
        // Устанавливаем значение для textarea
        e.value = text.substr(0,i); // Текст от начала до текущей позиции
        // Прибавляем +1 к позиции
        i++;
      }, speed);
      
  // Для фокуса
  e.focus();
  e.onblur = function() { clearInterval(int) };
};

window.onload = function() {
  setText('#test', 'Привет это написано при помощи JS', 300);
};
    <p>Убери фокус с поля</p>
<textarea id="test"></textarea>

    • 7

  2. 这是一个示例代码，可能会产生输入错误

    var str = 'Привет это написано при помощи JS';

// Генерирование случайного символа
function rndChar() {
  var possible = "абвгдежзийклмнопрстуфхцчшщъыьэюя";
  return possible[Math.floor(Math.random() * possible.length)];
}

function writeText() {
  var area = document.getElementById("test");
  area.value = "";
  var pos = 0;
  var baseProb = 0;
  var isWrong = false;
  var writeChar;
  var sleep = function() {
    // Следующую букву выводим через 100 мс со случайным отклонением +- 50 мс
    setTimeout(writeChar, 100 + Math.random() * 50);
  };
  writeChar = function() {
    // Если был введен ошибочный символ то удаляем его
    if (isWrong) {
      area.value = area.value.substring(0, --pos);
      isWrong = false;
    } else {
      // А не сделать ли нам ошибку с вероятностью baseProb?
      if (Math.random() < baseProb) {
        // Генерируем случайный символ
        var chr = rndChar();
        area.value += chr;
        // Если сгенерировали не то, что нужно, то выставляем флаг ошибки
        isWrong = chr != str[pos++];
        // и уменьшаем вероятность следующей ошибки в 10 раз
        if (isWrong)
          baseProb /= 10;
      } else {
        // Если ошибку решили не делать, то вставляем следующий символ
        area.value += str[pos++];
        // И устанаавливаем вероятность ошибки в 0.1
        baseProb = 0.1;
      }
    }
    // Если еще остались символы, или сделали ошибку,
    // то поставить в очередь вывод следующего
    if (pos < str.length || isWrong)
      sleep();
  };
  sleep();
}
    <textarea id="test"></textarea>
<button onclick="writeText()">Write</button>

    • 5

相关问题