javascript - 使用js填充具有信用卡格式的输入字段

Question

我想知道是否有一种方法可以填充具有文本类型的输入字段并具有内置的 js 事件来评估输入的含义，当用户输入任何数字时，它会评估并检查卡的类型并在其中放置自动空格之间。但是在使用 javascript 设置值时，即element.value = 'xxxxxxxx';不会发生格式设置，并且该站点评估卡号无效。那么如何以编程方式实现这一点。我正在开发一个可以自动填写卡片详细信息的扩展程序。

我已经尝试使用element.dispatchEvent(Keyboardevent)，但它不会工作。

我正在尝试的网站是在 Angular 之上制作的。

标签： javascripthtmljquery

Answer 1

我找到了一种解决方法。这就像更改值然后调度事件。由于我正在使用 Angular，因此我需要调度输入事件。相关代码为：

element.value = 'anything';
//dispatching input event after setting value ( tested for angular) 
element.dispatchEvent(new Event('input')) ;