javascript - 使用 JS 或 Jquery - 是否可以有一个只读字段显示一个掩码，但在复制时显示未掩码的值？

Question

我有一个包含 2 个文本框的代码生成器表单。第一个采用 12 位数字代码，然后当按下按钮时，通过算法运行该代码并吐出一个 12 位数字的 key 。我希望(实际上对于两个字段)使用掩码输入数据，但如果选择和复制，则为一串数字。

例如:

用户在文本框中输入:123456789012 面具显示框中的输入为:1234-5678-9012 用户按下生成按钮 第二个文本框(只读)中的文本显示返回码为:5798-1521-4886 当用户复制第二个文本框并将其粘贴到记事本中时，值为:579815214886

这可能吗？我浏览了许多 JQuery 掩码插件，但它们都复制/粘贴了仍在字符串中的掩码数据。我唯一能想到的另一件事是，当一个字段获得焦点时移除 mask ，但当它失去焦点时应用 mask 。有没有更好的办法？

感谢您的帮助。

Answer 1

我通过在提交表单时移除掩码解决了这个问题。同样在获得焦点时取下面具，并在失去焦点时应用面具。