网页上模拟键盘

afongcool 2006-07-25 03:11:57
我现在在网页上有11个按钮，分别代表键盘上的0-9和backspace这11个按键
这些按钮要实现键盘功能，应该如何做啊？？？
...全文
326 12 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
afongcool 2006-07-26
  • 打赏
  • 举报
 回复
另外问一下
<INPUT TYPE="text" NAME="total2" value="" id="totalid" readonly onclick="changetotal(this.name)">
这句话我在程序里面是不是应该这样写：
Dim txt As TextBox = e.Item.Cells(1).Controls(0)
txt.Width = Unit.Pixel(113)
txt.Font.Size = System.Web.UI.WebControls.FontUnit.Medium
txt.Font.Bold = True
txt.Attributes.Add（"id ","totalid"）
txt.Attributes.Add("onclick", "changetotal(this.name)")
但是这样写好象不行啊，
因为我的输入框全是在datagrid控件里面，当双击了才出来
碧海情天-赵亮 2006-07-25
  • 打赏
  • 举报
 回复
MARK，呵呵
fengruzhuo 2006-07-25
  • 打赏
  • 举报
 回复
<SCRIPT LANGUAGE="JavaScript">
<!--
function Go()
{
// alert(event.keyCode);
var the = document.all;
switch(event.keyCode)
{
case 48: //0
the.num0.onclick();
break;
case 49: //1
the.num1.onclick();
break;
case 50: //2
the.num2.onclick();
break;
case 51: //3
the.num3.onclick();
break;
case 52: //4
the.num4.onclick();
break;
case 53: //5
the.num5.onclick();
break;
case 54: //6
the.num6.onclick();
break;
case 55: //7
the.num7.onclick();
break;
case 56: //8
the.num8.onclick();
break;
case 57: //9
the.num9.onclick();
break;
case 8: //backspace
the.back.onclick();
break;
}
}
function add(value,type)
{
var hdn_total = document.all.hdn_total.value;
eval("var the = document.all."+hdn_total);
if (type=="add")
{
the.value += value
}
else if (type=="del")
{
the.value = the.value.substr(0,the.value.length-1)
}
}
function changetotal(Name)
{
document.all.hdn_total.value = Name
for(var i=0 ; i<totalid.length ; i++)
{
totalid[i].style.backgroundColor = (totalid[i].name == Name)?"yellow":"";
}
}
//-->
</SCRIPT>
<body onkeydown="Go()">
<INPUT TYPE="hidden" name="hdn_total" value="total1">
<INPUT TYPE="text" NAME="total1" value="" id="totalid" readonly onclick="changetotal(this.name)" style=" background-color:yellow;"><br>
<INPUT TYPE="text" NAME="total2" value="" id="totalid" readonly onclick="changetotal(this.name)"><br>
<INPUT TYPE="text" NAME="total3" value="" id="totalid" readonly onclick="changetotal(this.name)"><br>
<INPUT TYPE="text" NAME="total4" value="" id="totalid" readonly onclick="changetotal(this.name)"><br>


<INPUT TYPE="button" name="num0" value="0" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num1" value="1" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num2" value="2" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num3" value="3" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num4" value="4" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num5" value="5" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num6" value="6" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num7" value="7" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num8" value="8" onclick="add(this.value,'add')">
<INPUT TYPE="button" name="num9" value="9" onclick="add(this.value,'add')">

<INPUT TYPE="button" name="back" value="backspace" onclick="add(this.value,'del')">
</body>


麻烦你把要求一次说清楚。。
UnAgain 2006-07-25
  • 打赏
  • 举报
 回复
mark
afongcool 2006-07-25
  • 打赏
  • 举报
 回复
这也是在固定的框中输入，但是我的网页上有很多输入框，是datagrid表里面的，
我怎么可能获得现在鼠标选中的是哪个输入框
fengruzhuo 2006-07-25
  • 打赏
  • 举报
 回复
<SCRIPT LANGUAGE="JavaScript">
<!--
function Go()
{
// alert(event.keyCode);
var the = document.all;
switch(event.keyCode)
{
case 48: //0
the.num0.onclick();
break;
case 49: //1
the.num1.onclick();
break;
case 50: //2
the.num2.onclick();
break;
case 51: //3
the.num3.onclick();
break;
case 52: //4
the.num4.onclick();
break;
case 53: //5
the.num5.onclick();
break;
case 54: //6
the.num6.onclick();
break;
case 55: //7
the.num7.onclick();
break;
case 56: //8
the.num8.onclick();
break;
case 57: //9
the.num9.onclick();
break;
case 8: //backspace
the.total.value = the.total.value.substr(0,the.total.value.length-1);
break;
}
}
//-->
</SCRIPT>
<body onkeydown="Go()">
<INPUT TYPE="text" NAME="total" value="" readonly>
<INPUT TYPE="button" name="num0" value="0" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num1" value="1" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num2" value="2" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num3" value="3" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num4" value="4" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num5" value="5" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num6" value="6" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num7" value="7" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num8" value="8" onclick="document.all.total.value+=this.value">
<INPUT TYPE="button" name="num9" value="9" onclick="document.all.total.value+=this.value">
</body>


这样是吧，划公仔要划出肠
afongcool 2006-07-25
  • 打赏
  • 举报
 回复
这个只是弹出一个页面啊，值没有输入到输入框中去阿
fengruzhuo 2006-07-25
  • 打赏
  • 举报
 回复
<SCRIPT LANGUAGE="JavaScript">
<!--
function Go()
{
// alert(event.keyCode);
var the = document.all;
switch(event.keyCode)
{
case 48: //0
the.num0.onclick();
break;
case 49: //1
the.num1.onclick();
break;
case 50: //2
the.num2.onclick();
break;
}
}
//-->
</SCRIPT>
<body onkeypress="Go()">
<INPUT TYPE="button" name="num0" value="0" onclick="alert(0);">
<INPUT TYPE="button" name="num1" value="1" onclick="alert(1);">
<INPUT TYPE="button" name="num2" value="2" onclick="alert(2);">
</body>

我只能做0-9这10个键的事件，backspace我做不来，因为在ie里按backspace是触发了‘后退’事件

关注
afongcool 2006-07-25
  • 打赏
  • 举报
 回复
第二个有点像了，但是我点击以后没有反应啊？？
afongcool 2006-07-25
  • 打赏
  • 举报
 回复
我要得不是网页软键盘，我想要用button来触发输入
BlueDestiny 2006-07-25
  • 打赏
  • 举报
 回复
http://www.lmnopf.com/jack/wp-content/uploads/2006/05/keyboard_ui/#
BlueDestiny 2006-07-25
  • 打赏
  • 举报
 回复
http://www.tongjun.net/index.cgi?id=1137299444&Dath=jscode
网页插件虚拟键盘
java+JS+CSS 网页插件虚拟键盘！欢迎下载
HTML5 虚拟键盘模拟的键盘事件.rar
HTML5 模拟的键盘事件，用Chrome打开本键盘页面，然后敲击你的实体键盘，此时模拟的虚拟键盘上的对应键会显示出动画效果，以响应你敲击的键盘事件，对应的按键上会显示出圆点动画。
网页软键盘 代替键盘输入
网页软键盘 使用js编写的软键盘，代替键盘输入，防止密码泄漏。
js虚拟、模拟键盘
js jquery 虚拟、模拟 键盘，基本功能都实现，各种浏览器通用。
在线虚拟键盘，防虚拟键盘
提供最丰富和最专业的Web开发技术教程，以及应用 于Web开发的网站源码、模板、图标图片素材、脚本 特效、广告代码等精品资源。 营造一个聚集程序员、站长及Web开发爱好者的专业 技术交流平台。
JavaScript

87,996

社区成员

224,708

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章