文本框从右到左打字

Question

我有一个带有面具的时间文本框。掩码在文本框中显示为00:00

因此，用户在掩码上输入数字。

现在客户说他不想从左到右输入信件。他想从右到左打字。

与计算器中的相似。

现在我尝试更改文本框的righttoleft属性，但这对我的原因没有帮助。

任何人都可以帮助我使用jquery实现此功能

Answer 1

将以下css样式添加到输入文本框中：

.time
{
    direction: rtl;
}

它将文本框行为更改为从右到左。

Answer 2

不是jQuery，而是CSS：

.myInput {  text-align: right; }

将文本向右抛出。现在，为了获得比这更好的，你需要做一些javascript逻辑来翻转角色。

任何简单的方法将字符串转换为数组，然后将其反转，然后重新组合：

var flippedText = String(text).split('').reverse().join('');

这不一定是最有效的方法，但它应该适合您的使用。

---

每次有人打字时都会发生这种角色翻转，所以要真实并使用jQuery：

$('.myInput').on('keypress', function(){
  var text = $(this).val();
  String(text).trim().split('').reverse().join('');            
});