网页上模拟键盘

afongcool 2006-07-25 03:11:57
我现在在网页上有11个按钮，分别代表键盘上的0-9和backspace这11个按键
这些按钮要实现键盘功能，应该如何做啊？？？
...全文
349 12 打赏 收藏 转发到动态 举报
写回复
用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
顶刊复现配电网两阶段鲁棒故障恢复研究（Matlab代码实现)
【顶刊复现】配电网两阶段鲁棒故障恢复研究（Matlab代码实现)
GBT3098.5-2025 紧固件机械性能 自攻螺钉-可搜索
GBT3098.5-2025 紧固件机械性能 自攻螺钉_可搜索.pdf
基于segmentation_models_pytorch开源模型库与自定义模型支持的大尺寸遥感影像语义分割与地物分类项目_使用GDAL进行栅格与矢量数据处理_通过yml配置文件.zip
基于segmentation_models_pytorch开源模型库与自定义模型支持的大尺寸遥感影像语义分割与地物分类项目_使用GDAL进行栅格与矢量数据处理_通过yml配置文件.zip
TypeScript类型系统与全栈项目
ts-type-challenges（TS 类型体操标杆，条件 + 映射 + infer 全覆盖），包含 100 + 实战题：内置工具类型实现、分布式条件、自定义 DeepReadonly/DeepPartial、模板字面量类型，配套练习答案，VIP 级类型编程素材。
考虑不确定性的含集群电动汽车并网型微电网随机优化调度研究（Matlab代码实现）
考虑不确定性的含集群电动汽车并网型微电网随机优化调度研究（Matlab代码实现）
JavaScript

87,991

社区成员

224,684

社区内容

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

加载中

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

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

+ 用AI写文章