1

ボックスをクリックしたとき、または入力中に、ユーザー入力の接尾辞として「インチ」を自動的に追加したいテキスト入力ボックスがあります。したがって、基本的に、ユーザーがボックスに入力すると、インチという単語がカーソルの右側に表示されますが、カーソルは接尾辞 in の左側に残ります。この種のことを非常にうまく行う自動数値ライブラリを使用してみましたが、分数のスラッシュを許可する方法がわかりませんでした。以下は、| を使用した一種の例です。はボックスの端を表し、^ はカーソルを表します。

| 1/2^ inches |

また

| ^ inches |
4

1 に答える 1

4

ここにデモがあります。

selectionStartトリックは、入力の値に「インチ」を追加してから、属性と属性に従ってカーソルを移動することselectionEndです。

Javascript:

$("#mytext").on("click keyup", function(){
    var value = $(this).val();
    var output = value.substring(0, value.length - 7) + " inches";
    var cursorPosition = output.length - 7;
    $(this).val(output);
    $(this)[0].selectionStart = $(this)[0].selectionEnd = cursorPosition;
});
于 2013-08-14T13:23:04.613 に答える