マスクされた入力プラグインをパスワードフィールドに適用する方法は？

Question

は、私が作成するために、パスワードフィールドにプラグインマスクされた入力（jquery.maskedinput.min.js）を適用しようとしています：

****-****-**** 

それは基本的にダッシュで区切ら登録キーです。

$(document).ready(function(){ 
     $("#registrationKey").mask("9999-9999-9999"); 

     $("#registrationKey").keyup(function(e) { 
       self = $(this); 
       rkValue = self.val().replace(/[^\d\-]/g, ''); 
       self.val(rkValue); 
       console.log("value = " + rkValue); 
       self.attr("regKey", rkValue); 
     }); 
}); 

<input type="password" id="registrationKey" name="registrationKey" regKey="" maxlength="15" autocomplete="off" > 

私には2つの問題があります。最初は、マスクが適用されているため、フィールドにはすでに値が設定されています。 2番目の問題は、4桁ごとにダッシュが適用されないことです。

純粋なjavascriptまたはこのプラグインを使用してこれを達成する方法はありますか？

ところで、私は別の記事でも同様のことを見ました。しかし、ユーザがフィールドの真ん中にマウスを置くか、テキストのある部分をハイライトして削除すると、非常にバグがあります。

アイデア？私はちょうど私が働いているプロジェクトのために似た何かをやっていた

おかげ

Answer 1

。デフォルトの値として指定されたマスクを使用して標準のテキスト入力を使用しました。イベントのコードは​​とpasteです。 貼り付けたテキストでは機能しませんが、ユーザーが何かをフィールドに貼り付けることでマスクを変更できなくなります。

JSFiddleの例は、https://jsfiddle.net/apy5am74/です。