jquery 有没有一种已知的方法来有一个文本区的密码类型?

lg40wkob  于 2023-10-17  发布在  jQuery
关注(0)|答案(3)|浏览(94)

因此,我目前正试图获得一个textarea与密码类型(实际上像一个输入)。
我试着创建自己的字体(只有黑点),但有点困难。
我试过一些Jquery,但这也不是结论。
谢谢你的帮忙。

gorkyyrv

gorkyyrv1#

你可以使用CSS来模糊文本。

style="color: transparent;text-shadow: 0 0 8px rgba(0,0,0,0.5);"
e4yzc0pl

e4yzc0pl2#

标签:How to make a Textarea act like a password field
提到使用keydown事件来替换框中的任何东西。当然,您需要同时将输入的文本存储在某个JavaScript变量中。

aiqt4smr

aiqt4smr3#

我希望你能从
http://jsfiddle.net/X37Wz/6/

<textarea rows="10" cols="30" id="field"  onKeyPress="handleTyping(event)">
</textarea>

<textarea rows="10" cols="30" id="hiddenfield"  style="display:none">
</textarea>

function handleTyping(e){
    setTimeout(function(){handleTypingDelayed(e)},500);
}

function handleTypingDelayed(e){

    var text = document.getElementById('hiddenfield').value;
    var stars = document.getElementById('hiddenfield').value.length;
    unicode = eval(unicode);
    var unicode=e.keyCode? e.keyCode : e.charCode;

    if ( (unicode >=65 && unicode <=90) 
            || (unicode >=97 && unicode <=122) 
                || (unicode >=48 && unicode <=57) ){
        text = text+String.fromCharCode(unicode);    
        stars += 1;
    }else{
        stars -= 1;
    }

    document.getElementById('hiddenfield').value = text;
    document.getElementById('field').value = generateStars(stars);
}

function generateStars(n){
    var stars = '';
    for (var i=0; i<n;i++){
        stars += '.';
    }
    return stars;
}

相关问题