内容简介：最近接到一个 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
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
ACM国际大学生程序设计竞赛题解
赵端阳//袁鹤 / 电子工业 / 2010-7 / 39.00元
随着各大专院校参加ACM/ICPC热情的高涨，迫切需要有关介绍ACM国际大学生程序设计竞赛题解的书籍。《ACM国际大学生程序设计竞赛题解(2)》根据浙江大学在线题库的部分题目，经过分类、筛选、汇编，并进行了解答（个别特别简单或者特别复杂的题目未选择），比较详细地分析和深入浅出地讲解了解题的方法和用到的算法。题目的类型包括基础编程、模拟、字符串处理、搜索、动态规划、回溯、图论、几何和数学题。 ......一起来看看 《ACM国际大学生程序设计竞赛题解》 这本书的介绍吧!
