Question

如何从输入文本框克隆输入/输入值并将值伪造成asterix（*）。

场景1：http://jsfiddle.net/cs92h03s/（最初加载时）

<input type="text" class="input" />
<span class="input-close"></span>

场景2：http://jsfiddle.net/cs92h03s/1开始在输入时输入值。

<input type="text" class="input" value="abcd" />
<span class="input-close">****</span>

请帮忙！

Answer 1

试试这个，这也适用于粘贴和删除：

<input type="text" class="input"/>
<span class="input-close"></span>
<script>
$(document).ready(function(){
    $('.input').on("input propertychange",function() {
        var s = '';
        for (var i=0; i<$('.input').val().length; i++) {
            s += '*';
        }
        $('.input-close').html(s);
    });
});
</script>

小提琴：http://jsfiddle.net/cs92h03s/2/

Answer 2

您可以使用此Jquery .keypress功能来检查是否键入了某些内容，并使用.append附加到*以跨越每个键入的键：

$( ".input" ).keypress(function() {
  $(".input-close").append('*');
});

如何从输入框中克隆输入/输入值并使用jquery将其作为星号（*）进行掩码

2 个答案: