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);

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

JS脚本油猴模拟输入失效问题相关推荐

抖店-多功能脚本-油猴脚本
抖店-多功能脚本请使用谷歌浏览器安装油猴拓展后访问抖店. 使用 github greasyfork 功能: 一键下载订单信息,导出csv. 批量显示隐藏的发货信息. 一键复制订单信息,发货信息是隐藏 ...
Tampermonkey(油猴)脚本编写快速入门
目录油猴脚本概述脚本注释/注解脚本权限 grant 添加新脚本自定义网页倒计时网页浏览离开黑屏保护微博视频下载助手华为云工作项列表突出展示工作项 Greasy Fork 发布脚本油猴脚 ...
什么？你还不会油猴脚本
欧!!!我的上帝,你还不知道使用油猴脚本油猴(Tampermonkey)脚本,其实是一个脚本管理器. 是一款浏览器上最强的脚本管理器,他本身并没有许多特殊功能,但是因为有他.我们可以在浏览器上运行各 ...
编写你的第一个油猴脚本
油猴简介 Tampermonkey(油猴)是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Fir ...
Tampermonkey油猴加载本地文件
Tampermonkey油猴加载本地文件 1. 加载本地脚本 common.js 1: 设置油猴权限 2: 引用本地js 2. 加载本地文件 2.1 用 GM_getResourceText 加载资 ...
谷歌浏览器 Chrome 安装 Tampermonkey 油猴插件的方法
谷歌浏览器 Chrome 安装 Tampermonkey 油猴插件的方法一.什么是油猴脚本二.油猴安装方法方法一:Google官方商店安装(推荐) 方法二:本地安装(无需KX上网) 一.什么是油 ...
js弹幕脚本(基于油猴)
js弹幕脚本(基于油猴) 该脚本包含往视频上插入弹幕,发射弹幕,弹幕查询,弹幕暂停,脏话过滤等基础功能.话不多说 ,直接上代码. 仅供参考 ,该代码是我给别人写的定制化的,复制后不可用. // ==U ...
解决无法在哔哩哔哩（b站）上使用HTML5视频播放器脚本插件/油猴等插件失效的问题
文章目录 1.问题描述 2.解决方法 3.推荐使用视频插件简介特性附:[快捷键](https://github.com/xxxily/h5player#%E5%BF%AB%E6%8D%B7%E9 ...
Chrome自动运行Js去广告，利用插件网页自动运行Js脚本，油猴去广告教程【去处指定部位的广告】
免自写代码去除广告,点击即可安装:点此去向去除广告的油猴脚本 -------以下是教学如何自己写油猴脚本删除指定广告的------ 目的页面:https://m.dmzj.com/view/33353 ...

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

JS脚本油猴模拟输入失效问题相关推荐

最新文章

热门文章