JS脚本油猴模拟输入失效问题

编写油猴脚本的时候,一般网页通过直接获取input元素,直接调用value赋值即可,有些网页使用了框架,例如vue,就会有双向绑定的问题,所以需要在输入值后触发相对应的事件,达到输入值能够响应的到。

解决方法:

// 首先获取input元素
let num_input = document.querySelectorAll('.sell-price input')[0]
// 给input元素赋值
num_input.value = 666
// 创造事件
var event = document.createEvent('HTMLEvents');
event.initEvent("input", true, true);
event.eventType = 'message';
// 调度事件
num_input.dispatchEvent(event);

在编写油猴脚本对于这类网站的时候,一般都能完美解决
觉得有用点赞~

你可能感兴趣的:(JavaScript,javascript,前端,开发语言)