内容简介:最近接到一个 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)
若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏
打赏
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- elastic-job详解(三):Job的手动触发功能
- 触发器
- jQuery 自动触发事件实例
- Oracle触发器详细讲解
- react事件系统之事件触发
- 窗口实用触发器:ContinuousEventTimeTrigger
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
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》 这本书的介绍吧!