Javascript实现的软键盘，效果不错

<A title="软键盘" onClick="_softkeyboard_(document.getElementById('password'),window.top.document.getElementById('skb'));document.getElementById('password').focus();">软键盘</A> <DIV id=skb style="BORDER: #dbe1e6 1px solid; PADDING: 4px; DISPLAY: none; Z-INDEX: 99; background-color:#F4FBFF; LEFT: 20px; WIDTH: 500px; POSITION: absolute; TOP: 35px; TEXT-ALIGN: center"></DIV> <input name="password" type="password" id="password" class="kinput"/> <SCRIPT type=text/javascript> function _softkeyboard_(target,container){ var _ = _softkeyboard_; _.target = target; _.doc = container.ownerDocument; (_.doc.parentWindow||_.doc.defaultView)._softkeyboard_ = _softkeyboard_; _.skb = container; _.skb.innerHTML = _.getkeyshtml(); var toggle = (_.skb.style.display == "block"); _.skb.style.display = toggle ? "none" : "block"; _.preventKey(target); return toggle; } function closeKeyBoard() { document.getElementById('skb').style.display = "none"; } _softkeyboard_.shifted = true; _softkeyboard_.getkeyshtml = function(shifted){ var htm = [], keys = _softkeyboard_.shifted ? ["`1234567890-=","backspace","<br/>"," ","qwertyuiop[]//","<br/>"," "," ","asdfghjkl;","'","<br/>","shift","zxcvbnm,./","shift"] : ["~!@#$%^&*()_+","backspace","<br/>"," ","QWERTYUIOP{}|","<br/>"," "," ","ASDFGHJKL:",'"',"<br/>","shift","ZXCVBNM<>?","shift"]; var esp = { "'":'<input type="button" value="/'" onclick="_softkeyboard_.onkeydown(this);" />', '"':"<input type='button' value='/"' onclick='_softkeyboard_.onkeydown(this);' />", "<br/>":"<br/>", " ":" ", "backspace":'<input type="button" value="<-" onclick="_softkeyboard_.backspace();" />', "shift":'<input type="button" style="width:50px;" value="shift" onclick="_softkeyboard_.shifted=!_softkeyboard_.shifted;_softkeyboard_.skb.innerHTML = _softkeyboard_.getkeyshtml();" />' }; for(var j = 0; j < keys.length; j++){ if(esp[keys[j]]){ htm.push(esp[keys[j]]); } else{ var x = new Date().getMilliseconds()%keys[j].length; keys[j] = keys[j].substr(x,keys[j].length) + keys[j].substr(0,x); for(var i = 0; i < keys[j].length; i++){ htm.push("<input type='button' class='key' value='"+ keys[j].charAt(i)+"' onclick='_softkeyboard_.onkeydown(this);' />"); } } } htm.push("<div style="margin-top:5px;" mce_style="margin-top:5px;"><input type='button' onclick='closeKeyBoard()' value='确定' style="margin-right:20px;" mce_style="margin-right:20px;" /><input type='button' onclick='closeKeyBoard()' value='关闭' /><div/>"); return htm.join(""); } _softkeyboard_.onkeydown = function(ele){ _softkeyboard_.target.value += ele.value; _softkeyboard_.target.focus(); } _softkeyboard_.backspace = function(){ with(_softkeyboard_.target){ value = value.substr(0,value.length-1); } } _softkeyboard_.addCSSRule = function(key,value){} _softkeyboard_.hide = function(){ if(_softkeyboard_.skb){ _softkeyboard_.skb.style.display = "none" } } _softkeyboard_.preventKey = function(target){ var targetkeydown = function(e){ e = window.event?window.event:e; switch(e.keyCode){ case 27://esc case 9://tab _softkeyboard_.hide(); if(window.event){e.returnValue = false;}else{e.preventDefault();}break; } }; //target.addEventListener ? target.addEventListener("keydown",targetkeydown,false) : target.attachEvent("onkeydown",targetkeydown); } window.top._softkeyboard_=_softkeyboard_; _softkeyboard_.preventKey(window.top.document.body); </SCRIPT>