jquery - 比率にjQuery入力マスクを使用しますか?

Question

このjquery 入力マスク プラグインを使用して、ユーザーが 100% までの比率を入力できる入力フィールドを作成しようとしています。例えば10% / 90%

<input type="text" class="form-control" id="input" data-inputmask="'mask': '99/99', placeholder="50/50">

入力の両方の部分を合計すると 100 になる必要があります。したがって、ユーザー20が右側に と入力すると、数値は80たとえば20/80. 番号80が に変更された場合40、左側の番号 20 は自動的に に変更され60ます。100 を超える数を入力することはできません。

これはこれまでの私の試みですが、期待どおりに機能していません。if()ユーザーが左側を編集しているか右側を編集しているかについてのステートメントを作成する方法がわかりません。右の値が編集されている場合、またはその逆の場合にのみ、左の値を変更したい。これがなければ、私のコードは比率の両側を置き換えるだけです。

$('#input').keyup(function(){
    var user_ratio = $(this).val().split('/');
    var left = 100 - parseInt(user_ratio[1]); //65
    var right = 100 - parseInt(user_ratio[0]); //35
    var $(this).val(left+'/'+right);
});

なにか提案を？