JavaScriptで作る、マスク（入力補助）付きテキスト入力

ある日突然、

WEBサイト制作で、マスク（入力補助）付きの
テキスト入力機能が必要になった。

業務システムに携わっている方ならお馴染みの機能ですが、
マスクとは、テキスト入力を特定の文字種類のみに制約する機能の事を指します。

よるある例で、以下のような郵便番号を入力する項目に使用されたりします。


数値のみに入力が制御され、"-"(ハイフン)はあらかじめ入力されている為、
わざわざ入力する必要がないなど、ユーザビリティが向上する為、
入力項目が大量にある画面では、是非採用したい所です。