在HTML5输入字段的文本前面添加键入数字的最佳方法?

时间:2018-10-01 12:24:58

标签: javascript html5

对于输入字段,我需要确保插入的每个数字都必须位于输入字段的前面。

示例:键入9、5、1的值应为159

我希望找到使用HTML5的解决方案(例如dir="rtl"),但找不到。

只有使用Javascript才有解决方案:

var elem = document.getElementById(elemId);
elem.focus();
elem.setSelectionRange(0, 0);
我在Jquery中实现的

$('input').keyup( function(e) {
    $(this)[0].setSelectionRange(0, 0);
});

注意:输入字段必须为type="text"type="number"不起作用!

另一种实现此目标的方法是从字段中移出焦点,然后重新设置焦点。

但是,我仍在尝试寻找一种纯粹基于HTML5的解决方案。

1 个答案:

答案 0 :(得分:1)

您在这里:

input {
  unicode-bidi:bidi-override;
  direction: RTL;
}

Source