文本框从右到左输入答案

【问题标题】：text box typing from right to left文本框从右到左输入
【发布时间】：2014-01-23 17:40:56
【问题描述】：

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

所以用户在掩码上输入数字。

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

类似于我们在计算器中的内容。

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

谁能帮我用jquery实现这个功能

【问题讨论】：

标签： jquery

【解决方案1】：

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

.time
{
    direction: rtl;
}

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

【讨论】：

【解决方案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('');            
});

【讨论】：