不同的文本框获取焦点时,回车后,处理相应的按钮事件
2011-09-19 20:55
441 查看
直接上代码吧! 2011年9月19日 20:53:03
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
//onkeydown事件 当按下一个键盘按键时触发onkeydown事件
function document.onkeydown() {
//处理回车事件
if (event.keyCode == 13) {
//回车要响应事件的按钮,哪个文本框获得了焦点,就会把这个按钮赋值给这个变量
var btn = document.getElementById("btnAdd");
//当前的事件源是 txtAdd文本框 (当然 ,第一个可以不设置这一步,因为默认的是这个按钮)
if (event.srcElement == document.getElementById("txtAdd")) {
//设置相应的按钮 btnAdd
btn = document.getElementById("btnAdd");
}
//当前的事件源是 txtSearch文本框
if (event.srcElement == document.getElementById("txtSearch")) {
//设置相应的按钮 btnSearch
btn = document.getElementById("btnSearch");
}
//如果 还有其它的文本框的按钮,都进行上面的操作就可以了
btn.focus();
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtAdd" runat="server"></asp:TextBox>
<asp:Button ID="btnAdd" runat="server" Text="Add" onclick="btnAdd_Click" />
<br />
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
<asp:Button ID="btnSearch" runat="server" Text="Search"
onclick="btnSearch_Click" />
</div>
</form>
</body>
</html>代码下载:/Files/pengpeng614/FocusInButton.rar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
//onkeydown事件 当按下一个键盘按键时触发onkeydown事件
function document.onkeydown() {
//处理回车事件
if (event.keyCode == 13) {
//回车要响应事件的按钮,哪个文本框获得了焦点,就会把这个按钮赋值给这个变量
var btn = document.getElementById("btnAdd");
//当前的事件源是 txtAdd文本框 (当然 ,第一个可以不设置这一步,因为默认的是这个按钮)
if (event.srcElement == document.getElementById("txtAdd")) {
//设置相应的按钮 btnAdd
btn = document.getElementById("btnAdd");
}
//当前的事件源是 txtSearch文本框
if (event.srcElement == document.getElementById("txtSearch")) {
//设置相应的按钮 btnSearch
btn = document.getElementById("btnSearch");
}
//如果 还有其它的文本框的按钮,都进行上面的操作就可以了
btn.focus();
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtAdd" runat="server"></asp:TextBox>
<asp:Button ID="btnAdd" runat="server" Text="Add" onclick="btnAdd_Click" />
<br />
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
<asp:Button ID="btnSearch" runat="server" Text="Search"
onclick="btnSearch_Click" />
</div>
</form>
</body>
</html>代码下载:/Files/pengpeng614/FocusInButton.rar
相关文章推荐
- JS获取回车事件和文本焦点处理不同按钮提交信息
- web页面增加:Enter回车键按钮,ESC重置按钮,文本框默认获取焦点
- 怎样在文本框输入文字后,按回车触发相应按钮事件???
- Android学习--为ListView添加按钮的相应事件,来处理不同的选择。
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- jQuery监控文本框事件并作相应处理的方法
- 文本框获取焦点后点击回车提交和不提交
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- Android中设计具有背景图的按钮—ImageButton的焦点及事件处理
- Flex中如何通过监听focusIn和focusOut事件,在通过displayAsPassword属性固定密码格式显示文本框获取焦点时显示文本
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- javascript:按回车相应按钮提交事件
- C# winForm 窗体上的按钮相应回车事件
- Android中设计具有背景图的按钮—ImageButton的焦点及事件处理
- 怎么让指定的按钮获取文本框的回车键?
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- 如何在文本框中打了回车以后,触发一个按钮事件
- 设计具有背景图的按钮------ImageButton的焦点及事件处理
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- jQuery监控文本框事件并作相应处理的方法