web前端|js教程
Textbox控件,回车事件,按钮
web前端-js教程
引子：
在页面中textbox的index为1（或n）,其后的提交按钮index为2（n+1）,光标在textbox中,回车后自动焦点移动到后面的button上,会触发button的点击事件。
免费的php商城系统源码下载,ubuntu下的mv,tomcat端口号的修改,爬虫族联盟,php在线学习网站外包,中央网站seolzw
但在Lyncplus客户端中访问Web页面时遇到了TextBox控件回车自动完成按钮的提交事件失效的情况(应该是自动切换焦点)。
最新高仿卷皮网淘宝客源码,vscode-qq,ubuntu cat,tomcat怎么部署,sqlite 导出sql,网页设计和php哪个好,云数据库 mysql,服务器 月流量,dz论坛微信二维码推广插件,前端用什么框架好,爬虫活体,php木马,新手入门seo,学springboot需要多久,kingcms php 标签,免费制作论坛网站模板免费下载,可以采集的网页游戏,html怎么做简历模板,后台系统ui设计,aspx页面没有vb代码,vc 设计学生通讯录管理系统,c 爬虫程序lzw
由于并且该服务端TextBox控件没有提供OnKeyPress或OnKeyDown等事件，也无法针对回车事件写后台代码来调用Button按钮的点击事件。
旅游三级分销源码,vscode 开多个项目,ubuntu更换镜像,tomcat web框架,c 线程中连接sqlite,爬虫项目所需条件及落实措施,php 浏览器版本,福永seo策略,bd经典通用网站后台管理系统源码,网页源代码书籍,html数据展示表格模板lzw
于是上网查找相关的介绍，最终解决了以下两个问题：
（一）、实现在TextBox控件回车事件中 执行JS代码，来控制页面元素的值。
（二）、实现在TextBox控件回车事件中 调用服务端控件的点击事件，来执行服务端C#代码，实现相关的功能。
具体实现如下：
A、注册和触发服务端TextBox控件回车事件
1.PageLoad事件代码：
protected void Page_Load(object sender, EventArgs e)
{
MessageTxt.Attributes.Add("onkeypress", "EnterTextBox()");
MessageTxt.Attributes.Add("onkeydown", "EnterTextBox()");
}
2.javascript代码：
function EnterTextBox() {
if (event.keyCode == 13 && document.all["MessageTxt"].value != "") //按下了回车，并且文本框里有值
{
$("#").val($("#").val().replace(/[^\u0000-\u00FF]/g,
function ($0) {
return escape($0).replace(/(%u)(\w{4})/gi, "&#x$2;")
}));
}
}
B、TextBox控件回车事件中调用服务端Button控件点击事件
1.PageLoad事件代码： 同上。
protected void Page_Load(object sender, EventArgs e)
{
MessageTxt.Attributes.Add("onkeypress", "EnterTextBox()");
MessageTxt.Attributes.Add("onkeydown", "EnterTextBox()");
}
2.javascript代码： 注意使用原始的dom对象获取按钮，使用Jquery获取不到。
function EnterTextBox() {
var button = document.getElementById(\);//获取服务端控件对应的页面对象
if (event.keyCode == 13) //按下了回车
{
button.click();
event.returnValue = false;
}
}
