📄 实例42.虚拟键盘功能.html
字号:
<SCRIPT language=javascript>
<!--
function inputkey(key)
{
if(document.ddd.shuzi.value == null){
document.ddd.shuzi.value = key} // 数字键赋值
else{
document.ddd.shuzi.value += key // 数字键累加
}
}
function backspace()
{
if(document.ddd.shuzi.value.length>1)
document.ddd.shuzi.value=document.ddd.shuzi.value.substring(0,document.ddd.shuzi.value.length - 1) // 退格功能
else
document.ddd.shuzi.value='' // 清空
}
//-->
</script>
<body onload="JavaScript:document.ddd.shuzi.focus();">
<br>
<form method="POST" name=ddd>
<table width=100% border=0>
<tr>
<td width="305">
<table border=0 width="100%">
<tr>
<td>请您输入学号：<input type=text name="shuzi" onmouseover="document.ddd.shuzi.focus();" size=20>
</td>
</tr>
</table>
</td>
<td valign="middle">
<input type="button" value=" 1 " name=k1 onmousedown="inputkey('1')">
<input type="button" value=" 2 " name=k2 onmousedown="inputkey('2')">
<input type="button" value=" 3 " name=k3 onmousedown="inputkey('3')">
<input type="button" value=" 4 " name=k4 onmousedown="inputkey('4')">
<input type="button" value=" 5 " name=k5 onmousedown="inputkey('5')">
<input type="button" value=" 清屏 " onmousedown="document.ddd.shuzi.value = '';"><br>
<input type="button" value=" 6 " name=k6 onmousedown="inputkey('6')">
<input type="button" value=" 7 " name=k7 onmousedown="inputkey('7')">
<input type="button" value=" 8 " name=k8 onmousedown="inputkey('8')">
<input type="button" value=" 9 " name=k9 onmousedown="inputkey('9')">
<input type="button" value=" 0 " name=k0 onmousedown="inputkey('0')">
<input type="button" value=" 退格 " onmousedown="backspace()"><br>
<input type="button" value=" A " name=kA onmousedown="inputkey('A')">
<input type="button" value=" B " name=kB onmousedown="inputkey('B')">
<input type="button" value=" C " name=kC onmousedown="inputkey('C')">
<input type="button" value=" D " name=kD onmousedown="inputkey('D')">
<input type="button" value=" E " name=kE onmousedown="inputkey('E')">
<input type="button" value=" F " name=kF onmousedown="inputkey('F')">
<input type="button" value=" G " name=kG onmousedown="inputkey('G')">
</td>
</tr>
</table>
</form>
</body>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -