js模拟用户输入

Cojozor

已于 2024-09-27 15:12:22 修改

阅读量123

点赞数 2

文章标签： javascript 前端爬虫

于 2024-09-27 12:50:18 首次发布

本文链接：https://blog.csdn.net/weixin_46245844/article/details/142590675

版权

javascript模拟用户输入

简介:js给dom赋值,适用vue\react等数据驱动型框架

第一种获取dom,直接修改

// 举例使用
const dom = document.querySelector("#input");
dom.value = "这是一块输入内容";

第二种(网页是数据驱动型框架)

如vue\react,后续操作需要用到这个输入框中的值而直接修改只能改变页面显示不能改变实际值时,使用该方法

const dom = document.querySelector("#input");
const nativeInputValueSetter = Object.
	getOwnPropertyDescriptor(window.HTMLInputElement.prototype,'value').set;
nativeInputValueSetter.call(dom, "这是一块输入内容");
const change = new Event('change', {bubbles: true});
dom.dispatchEvent(change);
const input = new Event('input', {bubbles: true});
dom.dispatchEvent(input);