模仿password輸入框的實(shí)現(xiàn)代碼
更新時(shí)間：2016年06月07日 09:32:14 投稿：jingxian
下面小編就為大家?guī)?lái)一篇模仿password輸入框的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
實(shí)例如下：
function hiddenPass(event) {
var password0 = document.getElementById("password0");
var password1 = document.getElementById("password1");
if (event.keyCode == 13) {
}
var keycode;
if (window.event) { // IE
keycode = event.keyCode
} else if (event.which) { // Netscape/Firefox/Opera
keycode = event.which
}
var keychar = String.fromCharCode(keycode);
password1.value = password1.value + keychar;
password1.value = password1.value.substring(0, password0.length);
}
function clearPass(){
$("#password0").val("");
$("#password1").val("");
}
<li class="ba"><label>密 碼：</label>
<input type="text" id="password0"
onfocus="javascript:clearPass();"
onkeyup="this.value=this.value.replace(/./g,'*')"
onkeypress="javascript:hiddenPass(event);"/>
<input type="hidden" id="password1" name="password1"/>
</li>
以上這篇模仿password輸入框的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了使用get方式提交表單在地址欄里面不顯示提交信息的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要為大家整理了關(guān)于Bootstrap列表組的慕課筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要給大家介紹了關(guān)于ES6入門(mén)教程之變量的解構(gòu)賦值的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
使用BootStrap實(shí)現(xiàn)用戶登錄界面UI
本文給大家介紹使用BootStrap實(shí)現(xiàn)用戶登錄界面UI，布局風(fēng)格采用左右各一半的風(fēng)格設(shè)計(jì)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-08-08
注冊(cè)模塊中輸入密碼需要顯示密碼強(qiáng)度（低中高）本例將做的效果給大家分享下2014-06-06
JavaScript中輸出信息的方法(信息確認(rèn)框-提示輸入框-文檔流輸出)
這篇文章主要介紹了JavaScript中輸出信息的方法(信息確認(rèn)框-提示輸入框-文檔流輸出)的相關(guān)資料,需要的朋友可以參考下2016-06-06
本篇文章主要介紹了ES6關(guān)于Promise的用法詳解，詳細(xì)的介紹了Promise的三種狀態(tài)和方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
輕量級(jí)的原生js日歷插件calendar.js使用指南
網(wǎng)頁(yè)上的原生js日歷代碼，鼠標(biāo)點(diǎn)擊文字提示處，會(huì)顯示一個(gè)帶年月日的日歷窗口，可調(diào)整年份、月份、選擇日期等，用在網(wǎng)頁(yè)上方便大家選擇日期，提高用戶體驗(yàn)。各大瀏覽器都能正常運(yùn)行，有需要的小伙伴可以參考下。2015-04-04
JavaScript 異步調(diào)用框架 (Part 4 - 鏈?zhǔn)秸{(diào)用)
我們已經(jīng)實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的異步調(diào)用框架，然而還有一些美中不足，那就是順序執(zhí)行的異步函數(shù)需要用嵌套的方式來(lái)聲明。2009-08-08
使用JavaScript實(shí)現(xiàn)獲取頁(yè)面上所有的img并保存本地
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)獲取頁(yè)面上所有的img并保存到本地,文中的示例代碼講解詳細(xì),有需要的小伙伴可以了解下2024-12-12