原生Js 6位密码输入框

Html

Css

* {
	padding: 0;
	margin: 0;
}

input {
	display: inline-block;
	width: 80px;
	height: 30px;
	cursor: pointer;
	margin-left: 10px;
	background:#ffffff;
}

function keypress(val) {
    var ev = window.event;
    var nowindex = val
    var nextindex = val + 1;
    if (nextindex == 7) {
        var inputele = document.getElementById("p" + nowindex);
        inputele.value = ev.key;
        inputele.blur();
        return;
    }

var inputelenow = document.getElementById("p" + nowindex);
    inputelenow.name = ev.key;
    var inputele = document.getElementById("p" + nextindex);
    inputele.focus();
}

function copyText() {
    console.log("copyText");
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    console.log(ctx);
    // 		ctx.rect(20,20,150,100);
    // 		ctx.stroke();
    var hh = 20;
    for (var i = 0; i < 6; i++) {

var xx = 20 * i + hh;

ctx.rect(20 * i + 20, 10, 20, 20);
        ctx.stroke();
    }

}

function drawrect() {
    console.log("drawrect");
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    ctx.fillrect(0, 0, 100, 100);

}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

原生Js 6位密码输入框



代码描述：原生Js实现6位密码输入框

更新时间：2019-11-12 23:59:56

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

『Man＇lung』

相关代码

原生Js 6位密码输入框

最新