> 웹 프론트엔드 > JS 튜토리얼 > 좋은 키보드 비밀번호 입력 js program_form 특수 효과

좋은 키보드 비밀번호 입력 js program_form 특수 효과

WBOY
풀어 주다: 2017-03-17 08:25:21
원래의
1371명이 탐색했습니다.
//정확한 사용 전 是否大写의 状态
window.onload=
함수()
{
비밀번호1=널;
initCalc();
}

var CapsLockValue=0;

var 확인;
함수 setVariables() {
테이블너비=630;  // 로고 너비(픽셀 단위)
테이블 높이=20;  // 로고 높이(픽셀 단위)
if (navigator.appName == "Netscape") {
horz=".왼쪽";
vert=".top";
docStyle="문서.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
그렇지 않으면 {
horz=".pixelLeft";
vert=".pixelTop";
doc;
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
함수 checkLocation() {
if (확인) {
objectXY="소프트키보드";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=사용 가능X-테이블 너비 currentX;
//y=availableY-테이블 높이 currentY;
y=현재Y;

평가이동();
}
setTimeout("checkLocation()",0);
}
함수 evalMove() {
//eval(docStyle   objectXY   styleDoc   horz   "="   x);
eval(docStyle   objectXY   styleDoc   vert   "="   y);
}
self.onError=null;
currentX = 현재Y = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1: 0;
IE = (document.all) ? 1: 0;
함수 heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
퍼센트 = .1 * (diffY - lastScrollY);
if(퍼센트 > 0) 퍼센트 = Math.ceil(퍼센트);
else 퍼센트 = Math.floor(퍼센트);
if(IE) document.all.softkeyboard.style.pixelTop  = 퍼센트;
if(NS) document.softkeyboard.top  = 퍼센트;
lastScrollY = lastScrollY   퍼센트;}
if(diffX != lastScrollX) {
퍼센트 = .1 * (diffX - lastScrollX);
if(퍼센트 > 0) 퍼센트 = Math.ceil(퍼센트);
else 퍼센트 = Math.floor(퍼센트);
if(IE) document.all.softkeyboard.style.pixelLeft  = 퍼센트;
if(NS) document.softkeyboard.left  = 퍼센트;
lastScrollX = lastScrollX   퍼센트;    }        }
함수 checkFocus(x,y) {
talkerx==document.softkeyboard.pageX;
스토커리 = document.softkeyboard.pageY;
스토커폭 = = document.softkeyboard.clip.width;
스토커 높이 = = document.softkeyboard.clip.height;
if( (x > stalkerx && x < (stalkerxtalkerwidth)) && (y > stalkery && y < (stalkerytalkerheight))) return true;
그렇지 않으면 false를 반환합니다.}
함수 grabIt(e) {
확인 = 거짓;
if(IE) {
whichIt = event.srcElement;
while(whichIt.id.indexOf("softkeyboard") == -1) {
whichIt = = whichIt.parentElement;
if (whichIt == null) { return true; } }
whichIt.style.pixelLeft = whichIt.offsetLeft;
whichIt.style.pixelTop = whichIt.offsetTop;
currentX = (event.clientX   document.body.scrollLeft);
currentY = (event.clientY   document.body.scrollTop);
} 그밖에 {
window.captureEvents(Event.MOUSEMOVE);
if(checkFocus (e.pageX,e.pageY)) {
whichIt = document.softkeyboard;
StalkerTouchedX = e.pageX-document.softkeyboard.pageX;
StalkerTouchedY = e.pageY-document.softkeyboard.pageY;} }
true를 반환합니다.    }
함수 moveIt(e) {
if (whichIt == null) { return false; }
if(IE) {
newX = (event.clientX   document.body.scrollLeft);
newY = (event.clientY   document.body.scrollTop);
distanceX = (newX - 현재X);    distanceY = (newY - 현재Y);
currentX = newX;    currentY = newY;
whichIt.style.pixelLeft  = 거리X;
whichIt.style.pixelTop  = 거리Y;
if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
if(whichIt.style.pixelTop > document.body.offsetHeight   document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight   document.body.scrollTop - whichIt.style.pixelHeight - 5;
event.returnValue = false;
} 그밖에 {
whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
if(whichIt.left < 0 self.pageXOffset) whichIt.left = 0 self.pageXOffset;
if(whichIt.top < 0 self.pageYOffset) whichIt.top = 0 self.pageYOffset;
if((whichIt.left   whichIt.clip.width) >= (window.innerWidth self.pageXOffset-17))  whichIt.left = ((window.innerWidth self.pageXOffset)-whichIt.clip.width)-17;
if((whichIt.top   whichIt.clip.height) >= (window.innerHeight self.pageYOffset-17))  whichIt.top = ((window.innerHeight self.pageYOffset)-whichIt.clip.height)-17;
false를 반환합니다.}
false를 반환합니다.    }
함수 dropIt() {whichIt = null;
if(NS) window.releaseEvents(Event.MOUSEMOVE);
true를 반환합니다.    }
if(NS) {window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown = grabIt;
window.onmousemove = moveIt;
window.onmouseup = dropIt;    }
if(IE) {
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;    }
//    if(NS || IE) action = window.setInterval("heartBeat()",1);



document.write("
                     
스크립트 홈 비밀번호 입력기                                                  
 n         nnnnnnnnnnnnn            nn           nnnnnnnnnnnnnnnnn          nnnnnnnnnnnnnnn           nnnnnnnnnnnnnn            nn          nnnnnnnnnnnnnnn
  n
 
 ">
")
//给输入的密码框添加新值
함수 addValue(newValue)
{
if (CapsLockValue==0)
{
var str=Calc.password.value;
if(str.length {
Calc.password.value  = newValue;
}
if(str.length<=password1.maxLength)
{
비밀번호1.값=Calc.password.값;
}
}
그렇지 않으면
{
var str=Calc.password.value;
if(str.length {
Calc.password.value  = newValue.toUpperCase();
}
if(str.length<=password1.maxLength)
{
비밀번호1.값=Calc.password.값;
}
}
}
//实现BackSpace键的功能
함수 setpassvalue()
{
var longnum=Calc.password.value.length;
변수 번호
num=Calc.password.value.substr(0,longnum-1);
Calc.password.value=num;
var str=Calc.password.value;
비밀번호1.값=Calc.password.값;
}
//输入完毕
함수 OverInput()
{
//m_pass.mempass.value=Calc.password.value;
var str=Calc.password.value;
비밀번호1.값=Calc.password.값;
//경고(theForm.value);
//theForm.value=m_pass.mempass.value;
Softkeyboard.style.display="없음";
Calc.password.value="";
비밀번호1.readOnly=1;
//password1.value=Calc.password.value;
}
//关闭软键盘
함수 닫기 키보드(theForm)
{
//eval("var theForm=" theForm ";");
//theForm.value="";
Softkeyboard.style.display="없음";
//Calc.password.value="";

}
//显示软键盘
함수 showkeyboard()
{
if(event.y 140)
Softkeyboard.style.top=event.y document.body.scrollTop 15;
if((event.x-250)>0)
{
Softkeyboard.style.left=event.x-250;
}
그렇지 않으면
{
소프트키보드.스타일.왼쪽=0;
}

Softkeyboard.style.display="블록";
비밀번호1.readOnly=1;
비밀번호1.blur();
//password1.value="";
}

//设置是否大写的值
함수 setCapsLock()
{
if (CapsLockValue==0)
{
CapsLock값=1
//        Calc.showCapsLockValue.value="当前是大写 ";
}
그렇지 않으면
{
CapsLock값=0
//        Calc.showCapsLockValue.value="当前是小写 ";
}
}


함수 setCalcborder()
{
CalcTable.style.border="1px solid #0090FD"
}

함수 setHead()
{
CalcTable.cells[0].style.BackgroundColor="#7EDEFF"
}

함수 setCalcButtonBg()
{
for(var i=0;i {
if(Calc.elements[i].type=="button"&&Calc.elements[i].bgtype!="1")
{
//        if(i==10)
//    경고(123);
Calc.elements[i].style.borderTopWidth= 0
Calc.elements[i].style.borderRightWidth= 2
Calc.elements[i].style.borderBottomWidth= 2
Calc.elements[i].style.borderLeftWidth= 0
Calc.elements[i].style.borderTopStyle= "없음";
Calc.elements[i].style.borderRightStyle= "단단함";
Calc.elements[i].style.borderBottomStyle= "단단함";
Calc.elements[i].style.borderLeftStyle= "없음";
//#46AC17
Calc.elements[i].style.borderTopColor= "#118ACC";
Calc.elements[i].style.borderRightColor= "#118ACC";
Calc.elements[i].style.borderBottomColor= "#118ACC";
Calc.elements[i].style.borderLeftColor= "#118ACC";
//#CBF3B2
Calc.elements[i].style.BackgroundColor="#ADDEF8";



var str1=Calc.elements[i].value;
str1=str1.trim();
/*
if(str1=="`")
{
Calc.elements[i].style.fontSize=14;
}
*/

if(str1.length==1)
{
//Calc.elements[i].style.fontSize=16;
//Calc.elements[i].style.fontWeight='bold';
}

var thisButtonValue=Calc.elements[i].value;
thisButtonValue=thisButtonValue.trim();
if(thisButtonValue.length==1)
{
Calc.elements[i].onclick=
함수()
{
var thisButtonValue=this.value;
thisButtonValue=thisButtonValue.trim();
addValue(thisButtonValue);
//경고(234)
}
Calc.elements[i].ondblclick=
함수()
{
var thisButtonValue=this.value
thisButtonValue=thisButtonValue.trim()
addValue(thisButtonValue)
//경고(234)
}
}

}
}
}

함수 initCalc()
{
setCalcborder()
세트헤드()
setCalcButtonBg()
}

String.prototype.trim = function()
{
// 정규식을 사용하여 선행 공백과 후행 공백을 구분합니다.
//빈 문자열로 바꿉니다.
return this.replace(/(^s*)|(s*$)/g, ""); }

var capsLockFlag
capsLockFlag=true

함수 capsLockText()
{
if(capsLockFlag)//대문자로 변경
{
for(var i=0;i
{ var char=Calc.elements[i].value
var char=char.trim()
if(Calc.elements[i].type=="button"&&char>="a"&&char<="z"&&char.length==1)
{

Calc.elements[i].value=" " String.fromCharCode(char.charCodeAt(0)-32) " "
}
}
}
그렇지 않으면
{
for(var i=0;i
{ var char=Calc.elements[i].value
var char=char.trim()
if(Calc.elements[i].type=="button"&&char>="A"&&char<="Z"&&char.length==1)
{

Calc.elements[i].value=" " String.fromCharCode(char.charCodeAt(0) 32) " "
}
}
}
capsLockFlag=!capsLockFlag
}

window.onload=
함수()
{
비밀번호1=널
initCalc()


}

;i )>
;i )>;i )>
)> )>

사용자 로그인


관리 로그인
사용자 이름:
비밀번호:
추가 코드: 좋은 키보드 비밀번호 입력 js program_form 특수 효과
管 理 登 陆
用户名:
密  码:
附加码: 좋은 키보드 비밀번호 입력 js program_form 특수 효과
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿