如何自动填写淘汰表

Question

您好，我目前在我的chrome开发工具中有一个包含以下部分的网站

<div class="itemEditorField-inputsRelation">
   <input class="details-relativeInput-ageOnset js-relativeInput-ageOnset" type="number" data-bind="numeric: ageOnset, attr: { min: 0, max: 999, placeholder: 'Age' }" min="0" max="999" placeholder="Age"></input>
</div>

我如何模拟在淘汰表输入字段中输入文本？ 我努力了 ...

e = $.Event('keydown');e.keyCode=50;$('input.details-relativeInput-ageOnset.js-relativeInput-ageOnset').trigger(e);

但是它返回的只是对象本身。 我没有代码本身可以插入任何东西。 我只有Chrome和JQuery可以使用。 任何帮助将不胜感激。 谢谢。

Answer 1

如果您具有普通value绑定，则技巧将是触发输入字段的change触发器。 这可能对您有用，但是很难说，因为您有一个numeric绑定，它不是标准的绑定处理程序，而是自定义的处理程序。 无论什么事件导致绑定变量被更新，这都是您要触发的。

下面是带有value绑定的演示。

 var vm = { ageOnset: ko.observable('') }; vm.ageOnset.subscribe(function(newValue) { alert("New value:" + newValue); }); ko.applyBindings(vm); setTimeout(function () { $('input').val('12').change(); }, 500); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> <div class="itemEditorField-inputsRelation"> <input class="details-relativeInput-ageOnset js-relativeInput-ageOnset" type="number" data-bind="value: ageOnset, attr: { min: 0, max: 999, placeholder: 'Age' }" min="0" max="999" placeholder="Age" /> </div>