javascript - HTMLの入力テキストをマスクおよびマスク解除します

Question

SSN、電話番号、メールIDなどのテキストフィールドがほとんどありません。onfocusのようなことをしたいのですが、その入力ボックスのコンテンツ全体を表示し、ぼかしの場合はコンテンツをマスクして何かに戻す必要があります（たとえばアステリックス）。よろしくお願いします。

Answer 1

両方のイベント間で<input>要素のタイプを切り替えることができます。この例のフィドルを参照してください。passwordtext

HTML

<input type="password" id="target" />

JS

<script>
var inp = document.querySelector( '#target' );

inp.addEventListener( 'focus', function(){
    inp.type = 'text';
});
inp.addEventListener( 'blur', function(){
    inp.type = 'password';
});
</script>

Answer 2

このようにしてみてください：

<input type="text" id="emailId" name="emailId" />

次に、次のことを行います。

var emailIdValue = "";

$( document ).ready( function() {

     emailIdValue = $( '#emailId' ).val();   

     $( '#emailId' ).val( "********" );

     $( '#emailId' ).focus( function() {

          $( this ).val( emailIdValue );

     } ).focusout( function() {

          emailIdValue = $( this ).val();
          $( this ).val( '********' );

     } );

} );

Answer 3

<input type="password" />簡単にやりたい場合は、簡単に使用できます。