dat.gui - 如何在 dat.gui 中屏蔽用户进入文本字段（即密码字段）

Question

我在需要用户名/密码的 web 应用程序中使用 dat.gui。像普通的网络应用程序一样，我想在用户输入密码时将密码屏蔽为“*******”。

我知道文本字段上的 onChange 事件将在用户修改文本时返回当前值；但无法弄清楚如何将输入的值替换为“****”

Answer 1

这可能有点晚了，但是下面的效果很好。

var obj = { text: 'Password' };

var passwordField = gui.add(obj, 'text');

var inputElement = passwordField.domElement.firstChild;
var style = getComputedStyle(inputElement, null).cssText;

inputElement.type = "password";
inputElement.style.cssText = style;