javascript - 如何在Chrome控制台中使用element.dispatchEvent

我在chrome devtools中创建了一个代码段，但是在运行它时会引发此错误：


未捕获的TypeError：element.dispatchEvent不是函数
在changeValue（：12：11）
在：15：1


这是我的代码：

var script = document.createElement("script");
  script.setAttribute("src", "//code.jquery.com/jquery-latest.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);

const changeValue = (element, value) => {
  const event = new Event('input', { bubbles: true })
  element.value = value
  element.dispatchEvent(event)
}

changeValue($('#typeahead-input-to'), 'Syd');

有什么办法可以通过在chrome控制台中运行该代码来使其正常工作？

最佳答案

const changeValue = (element, value) => {
  const event = new Event('input', { bubbles: true })
  element.value = value
  element.dispatchEvent(event)
}
debugger;
changeValue($("#typeahead-input-to")[0], 'Syd');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="typeahead-input-to"></input>

关于javascript - 如何在Chrome控制台中使用element.dispatchEvent，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48321698/