网页上模拟键盘

afongcool 2006-07-25 03:11:57
我现在在网页上有11个按钮，分别代表键盘上的0-9和backspace这11个按键
这些按钮要实现键盘功能，应该如何做啊？？？
...全文
325 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、JavaScript和CSS技术实现的交互式组件，它允许用户在网页上模拟物理键盘输入，通常用于增强网站的安全性，尤其是在涉及敏感信息输入（如密码、验证码）的场景下。这样的插件...
HTML5 虚拟键盘模拟的键盘事件.rar
在HTML5模拟的键盘页面中，当用户在实体键盘上按下键时，对应的虚拟键盘按钮会通过动画效果（如显示圆点）来响应这个事件，这通常是通过JavaScript事件监听器实现的。例如，我们可以添加一个事件监听器到页面的`...
网页软键盘 代替键盘输入
网页软键盘是一种基于JavaScript技术实现的虚拟键盘，它在网页上提供了一种用户输入数据的方式，主要用于增强在线安全，特别是当用户需要输入敏感信息如密码时。这种软键盘的目的是防止键盘记录器或其他恶意软件捕获...
js虚拟、模拟键盘
9. **安全性**：在安全敏感的环境中，虚拟键盘可以帮助防止键盘记录器和屏幕抓取攻击，因为它不依赖于物理键盘事件，而是直接在页面上模拟输入。 10. **可访问性**：虚拟键盘应遵循Web无障碍（WCAG）指南，确保残障...
在线虚拟键盘，防虚拟键盘
标题中的“在线虚拟键盘，防虚拟键盘”是指在网页中集成的一种输入工具，它允许用户通过鼠标或触摸屏在网页上模拟键盘输入文字，尤其适用于移动设备或安全需求较高的场景，比如防止键盘记录器等安全威胁。...
JavaScript

87,996

社区成员

224,708

社区内容

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

加载中

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

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

+ 用AI写文章