登陆密码键盘

<tr>
    <td align="left">
        密　码：
        <input name="PassWord" type="text" size="20" onMouseOut="this.style.background='#F9F9F9'"
        onFocus="this.select();" readOnly onKeyDown="Calc.password.value=this.value"
        onChange="Calc.password.value=this.value" onclick="password1=this;showkeyboard();this.readOnly=1;Calc.password.value=''">
    </td>
</tr>
<script type="text/javascript">
//定义当前是否大写的状态 
window.onload = function () {
    password1 = null;
    initCalc();
}
var CapsLockValue = 0;
var check;

function setVariables() {
    tablewidth = 630;
    // logo width, in pixels 
    tableheight = 20;
    // logo height, in pixels 
    if (navigator.appName == "Netscape") {
        horz = ".left";
        vert = ".top";
        docStyle = "document.";
        styleDoc = "";
        innerW = "window.innerWidth";
        innerH = "window.innerHeight";
        offsetX = "window.pageXOffset";
        offsetY = "window.pageYOffset";
    } else {
        horz = ".pixelLeft";
        vert = ".pixelTop";
        docStyle = "";
        styleDoc = ".style";
        innerW = "document.body.clientWidth";
        innerH = "document.body.clientHeight";
        offsetX = "document.body.scrollLeft";
        offsetY = "document.body.scrollTop";
    }
}

function checkLocation() {
    if (check) {
        objectXY = "softkeyboard";
        var
        availableX = eval(innerW);
        var availableY = eval(innerH);
        var currentX = eval(offsetX);
        var currentY = eval(offsetY);
        x = availableX - tablewidth + currentX;
        //y=availableY-tableheight+currentY;
        y = currentY;
        evalMove();
    }
    setTimeout("checkLocation()", 0);
}

function evalMove() {
    //eval(docStyle + objectXY + styleDoc + horz + "=" + x); 
    eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
self.onError = null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0;
lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1 : 0;

function heartBeat() {
    if (IE) {
        diffY = document.body.scrollTop;
        diffX = document.body.scrollLeft;
    }
    if (NS) {
        diffY = self.pageYOffset;
        diffX = self.pageXOffset;
    }
    if (diffY != lastScrollY) {
        percent = .1 * (diffY - lastScrollY);
        if (percent > 0) percent = Math.ceil(percent);
        else percent = Math.floor(percent);
        if (IE) document.all.softkeyboard.style.pixelTop += percent;
        if (NS) document.softkeyboard.top += percent;
        lastScrollY = lastScrollY + percent;
    }
    if (diffX != lastScrollX) {
        percent = .1 * (diffX - lastScrollX);
        if (percent > 0) percent = Math.ceil(percent);
        else percent = Math.floor(percent);
        if (IE) document.all.softkeyboard.style.pixelLeft += percent;
        if (NS) document.softkeyboard.left += percent;
        lastScrollX = lastScrollX + percent;
    }
}

function checkFocus(x, y) {
    stalkerx = document.softkeyboard.pageX;
    stalkery = document.softkeyboard.pageY;
    stalkerwidth = document.softkeyboard.clip.width;
    stalkerheight = document.softkeyboard.clip.height;
    if ((x > stalkerx && x < (stalkerx + stalkerwidth)) && (y > stalkery && y < (stalkery + stalkerheight))) return true;
    else return false;
}

function grabIt(e) {
    check = f alse;
    if (IE) {
        whichIt = e vent.srcElement;
        while (whichIt.id.indexOf("softkeyboard") == -1) {
            whichIt = w hichIt.parentElement;
            if (whichIt == n ull) {
                return
                true;
            }
        }
        whichIt.style.pixelLeft = w hichIt.offsetLeft;
        whichIt.style.pixelTop = w
        hichIt.offsetTop;
        currentX = (event.clientX + document.body.scrollLeft);
        currentY = (event.clientY + document.body.scrollTop);
    } else {
        window.captureEvents(Event.MOUSEMOVE);
        if (checkFocus(e.pageX, e.pageY)) {
            whichIt = d ocument.softkeyboard;
            StalkerTouchedX = e.pageX - document.softkeyboard.pageX;
            StalkerTouchedY = e.pageY - document.softkeyboard.pageY;
        }
    }
    return true;
}

function moveIt(e) {
    if (whichIt == n ull) {
        return false;
    }
    if (IE) {
        newX = (event.clientX + document.body.scrollLeft);
        newY = (event.clientY + document.body.scrollTop);
        distanceX = (newX - currentX);
        distanceY = (newY - currentY);
        currentX = n ewX;
        currentY = n ewY;
        whichIt.style.pixelLeft += d
        istanceX;
        whichIt.style.pixelTop += d istanceY;
        if (whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = d ocument.body.scrollTop;
        if (whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = d
        ocument.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;
    } else {
        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;
        return false;
    }
    return false;
}

function dropIt() {
    whichIt = null;
    if (NS) window.releaseEvents(Event.MOUSEMOVE);
    return 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("<div align=center id=\"softkeyboard \" name=\"softkeyboard \" style=\"position: absolute;left: 0px;top: 0px;width: 500px;z - index: 180;display: none \">"+
"                <table id=\"CalcTable \" width=\" \" border=\"0 \" align=\"center \" cellpadding=\"0 \" cellspacing=\"0 \" bgcolor=\" \">"+
"                <form id=Calc name=Calc action=\" \" method=post autocomplete=\"off \">"+
"                        <tr>"+
"                            <td title=\"为了保证后台登陆安全,建议使用密码输入器输入密码!\" align=\"right\"valign = \"middle\" bgcolor=\" \" style=\"cursor: default;height:30 \">"+
"                                <input type=hidden value=\" \" name=password>"+
"                                <input type=hidden value=ok name=action2>"+
"                                ?"+
"                                <font style=\"font - size: 13px;\">"+
"                                   新云下载管理系统V6.0.1"+
"                                </font > 密码输入器 & nbsp & nbsp & nbsp & nbsp & nbsp & nbsp & nbsp & nbsp & nbsp & nbsp < input style = \"width:100px;height:20px;background-color:#54BAF1;\" type=button"+
"                                value=\"使用键盘输入 \" bgtype=\"1 \" onclick=\"password1.readOnly = 0;password1.focus();softkeyboard.style.display = 'none';password1.value = '';\">"+
"                                <span style=\"width:2px;\" > </span>"+
"                            </td > </tr>"+
"                        <tr align=\"center\" > < td align = \"center\" bgcolor=\"#FFFFFF \">"+
"                                <table align=\"center \" width=\" % \" border=\"0\" cellspacing = \"1\" cellpadding=\"0 \">"+
"                                   /n"+
"                                    <tr align=\"left \" valign=\"middle \">"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"~ \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"!\">"+
"                                        </td > /n"+
"                                        <td>"+
"                                            <input type=button value=\" @ \" > </td>"+
"                                        /n <td> <input type = button value = \" # \"> </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"$ \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\" % \">"+
"                                        </td > /n"+
"                                        <td>"+
"                                            <input type=button value=\" ^ \" > </td>"+
"                                        /n <td> <input type = button value = \" & \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\" * \">"+
"                                        </td> /n"+
"                                        <td>"+
"                                            <input type=button value=\" ( \" > </td>"+
"                                        /n <td> <input type = button value = \" ) \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"_ \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\" + \">
"                                        </td> /n
"                                        <td>"+
"                                            <input type=button value=\" | \" > </td>"+
"                                        /n <td colspan = \"1\" rowspan=\"2 \">"+
"                                            <input name=\"button10 \" type=button value=\"退格 \" onclick=\"setpassvalue();\" onDblClick=\"setpassvalue();\"style = \"width:100px;height:42px\">"+
"                                            /n"+
"                                        </td>"+
"                                        /n"+
"                                    </tr>"+
"                                    /n"+
"                                    <tr align=\"left \" valign=\"middle \">"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"` \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"1 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"2 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"3 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"4 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"5 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"6 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"7 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"8 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"9 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input name=\"button6 \" type=button value=\"0 \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\" - \">"+
"                                        </td> /n"+
"                                        <td>"+
"                                            <input type=button value=\" = \" > </td>"+
"                                        /n <td> <input type = button value = \" / / \">"+
"                                        </td> /n"+
"                                        <td>"+
"                                        </td> /n"+
"                                    </tr> /n"+
"                                    <tr align=\"left\" valign = \"middle\">"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"q \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"w \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"e \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"r \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"t \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"y \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"u \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"i \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"o \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input name=\"button8 \" type=button value=\"p \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input name=\"button9 \" type=button value=\" { \">"+
"                                        </td> /n"+
"                                        <td>"+
"                                            <input type=button value=\" } \" > < /td>"+
"                                        /n <td> <input type = button value = \" [ \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\" ] \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input name=\"button9 \" type=button onClick=\"capsLockText();setCapsLock();\" onDblClick=\"capsLockText();setCapsLock();\"    value = \"切换大/小写 \" style=\" width: 100px; \">"+
"                                        </td> /n"+
"                                    </tr> /n"+
"                                    <tr align=\"left\" valign = \"middle\">"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"a \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"s \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"d \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"f \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"g \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\"h \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input type=button value=\" j \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input name=\"button3 \" type=button value=\"k \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input name=\"button4 \" type=button value=\"l \">"+
"                                        </td>"+
"                                        /n"+
"                                        <td>"+
"                                            <input name=\"button5 \" type=button value=\": \">"+
"                                        </td> /n"+
"                                        <td>"+
"                                            <input name=\"button7\"  type = button value = \" " \"></td>/n 
"											<td> <input type=button value=\"; \"></td> /n 
"											<td> <input type=button value=\"' \" > </td>/n 
"											<td rowspan = \"2\" colspan=\"2 \"> <input name=\"button12 \" type=button onclick=\"OverInput();\" value=\" 确定 \" style = \"width:130px;height:42\"></td>/n </tr>/n 
"											<tr align=\"left \" valign=\"middle \"> /n 
"											<td> <input name=\"button2 \" type=button value=\"z \"></td>/n 
"											<td> <input type=button value=\"x \"></td>/n 
"											<td> <input type=button value=\"c \"></td>/n 
"											<td> <input type=button value=\"v \"></td>/n 
"											<td> <input type=button value=\"b \"></td>/n 
"											<td> <input type=button value=\"n \"></td>/n 
"											<td> <input type=button value=\"m \"></td>/n 
"											<td> <input type=button value=\" < \"></td > /n 
"											<td> <input type=button value=\" > \" > </td>/n 
"											<td> <input type = button value = \" ? \"></td>/n 
"											<td> <input type=button value=\", \"></td> /n 
"											<td> <input type=button value=\" . \" > </td>/n 
"											<td> <input type = button value = \" / \"></td>/n 
"											</tr>/n 
"										</table></td> 
"										</form> </tr> 
"										</table></div>")