JS模拟input输入并触发事件

最新推荐文章于 2024-09-27 12:50:18 发布

Zakza

最新推荐文章于 2024-09-27 12:50:18 发布

阅读量8.2k

点赞数 4

分类专栏：前端技术文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_18453581/article/details/125226536

版权

JavaScript DOM操作事件触发 input元素自动化测试

关键词由CSDN通过智能技术生成

前端技术专栏收录该内容

13 篇文章 2 订阅

订阅专栏

原生js模拟输入input内容,并触发搜索事件

实现:document.querySelector('input').dispatchEvent(new InputEvent("input")

let searchInput = $(".bi-component-datalist-packs .bi-input");
    searchInput.click();
    sleep(300);
    searchInput.val("medical");
    sleep(300);
    inputEvent(searchInput);
function inputEvent(selector) {
  $(selector)[0].dispatchEvent(new InputEvent("input"));
}
function sleep(mill = 1000) {
  let end = new Date().getTime() + mill;
  while (true) {
    if (new Date().getTime() > end) {
      break;
    }
  }
}