手动触发文本框 oninput 的方法

栏目: jQuery · 发布时间: 5年前

内容简介:最近接到一个 chrome 插件需求,需要自动填充文本框,再进行提交。看起来这个需求很简单,在实现过程中却发现了一个问题,通过 jQuery 填充了文本框,但提交的时候却并没有提交填充后的文本值。原因估计是文本框 MVVM 双向绑定了原网页的某个变量,jQuery 的

最近接到一个 chrome 插件需求,需要自动填充文本框,再进行提交。

看起来这个需求很简单,在实现过程中却发现了一个问题,通过 jQuery 填充了文本框,但提交的时候却并没有提交填充后的文本值。

原因估计是文本框 MVVM 双向绑定了原网页的某个变量,jQuery 的 DOM.val() 方法并没能触发 oninput 事件,导致提交的变量值并没有变更成功

最后,用原生代码手动触发一次input事件,问题迎刃而解

let evt = document.createEvent('HTMLEvents')
evt.initEvent('input', true, true)
$('#InputField').val('hello').get(0).dispatchEvent(evt)
若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏

打赏

手动触发文本框 oninput 的方法 手动触发文本框 oninput 的方法


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

How to Build a Billion Dollar App

How to Build a Billion Dollar App

George Berkowski / Little, Brown Book Group / 2015-4-1 / USD 24.95

Apps have changed the way we communicate, shop, play, interact and travel and their phenomenal popularity has presented possibly the biggest business opportunity in history. In How to Build a Billi......一起来看看 《How to Build a Billion Dollar App》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

SHA 加密
SHA 加密

SHA 加密工具