文本框回车解决方案(button) 兼容性好

最新推荐文章于 2023-04-25 17:22:28 发布
最新推荐文章于 2023-04-25 17:22:28 发布
阅读量1.1k 收藏
点赞数
分类专栏： .net 文章标签： button javascript textbox server function xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jianan19860/article/details/4741465
版权

比如我有一个登录的界面，我用的是ajax作为验证登录，我的按钮用的是input type=button，所以当我们在文本框中点击回车时，按钮是没有反应的，我们要对其加事件，也就是人们常说的文本框回车事件。别人对文本框加事件是触发按钮的事件，有时候还有行，比如用户名或密码不正确时我们应该把焦点放到文本框中去，这样用户体验会更好。而我这是对按钮进行获得焦点，这样的效果非常好，而且兼容性好，我在很多浏览器上都试过了。

js代码如下：

    <script language="javascript" type="text/javascript">
        function SubmitKeyClick(obj, evt) {
        evt = (evt) ? evt : ((window.event) ? window.event : "")
        keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode);
        if (keyCode == 13) {
          document.getElementById("btnLogin1").focus();
        }
    }
    </script>

 

我们只要在文本框中加上这样的代码就行了：οnkeydοwn="return SubmitKeyClick(this,event)"

建安
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js光标定位文本框回车表单提交问题的解决方法
10-24
主要介绍了js光标定位文本框回车表单提交问题的解决方法,涉及javascript阻止浏览器默认事件的方法,需要的朋友可以参考下
js一些技巧
fadrun的专栏
06-24 356
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6.
<form onSubmit="return check(this);"> 与 <input type="submit" onclick="return check(this);"/>
weixin_30940783的博客
05-19 332
1. form 添加 onSubmit 属性，onSubmit="return check(this);" <form action=" " name="form" onSubmit="return check(this);" method="POST"> 　　<div class="name" > 　　　　用户名</font> <inp...
【Winform学习笔记（二）】TextBox文本框实现按回车键触发Button事件
最新发布
禾戊之昂的博客
04-25 4759
在本文中主要介绍 如何基于 Winform 框架实现 TextBox 文本框实现按回车键触发 Button 事件，该功能可实现在文本框中输入密码后不需要按登录或确定按钮，直接回车键触发 Butto n事件。
java文本域中加入换行_文本域中换行符的替换
weixin_39834154的博客
03-02 1090
文本域中换行符的替换示例说明：代码在实际项目中测试通过，我已经省去些不重要的，大家可以重点看颜色标记的部分前戏：问：为什么做这个呢？？答：项目中有个将录入的文本域文字保存到数据库中。‘查看时'从数据库获取相应数据，显示在文本域中。开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理，保存数据库中没有换行了，自然取出来显示也就没有换行符了！由此写了下面的文章…………有点啰...
php中textarea文本框输入内容回车换行（‘\n‘）的处理方法
sunsineq的专栏
07-03 2504
因为textarea中换行用的是 “\n"或”\r\n",(linux下输入为’\r\n’,windows下为’\n’) 正常的HTML中的换行是或; 情况一、若将textarea的内容直接存入数据库中，换行在数据库中也会以"\n"或"\r\n"存储 这种情况的解决方法： 方法一、(运用smarty模版) 1. 在php服务端 KaTeX parse error: Can't use function '\r' in math mode at position 20: …= str_replace("\
c#之文本框的回车事件
BeautyBeasta的博客
07-17 7133
c#之文本框的回车事件
jQuery文本框回车创建标签代码
06-24
jQuery文本框回车创建标签代码是一款input文本框输入文字回车创建标签，点击按钮获取输入的标签值代码。
js文本框输入点回车触发确定兼容IE、FF等
01-19
代码如下: <head> [removed] function EnterPress(e){ //传入 event var e = e || window.event; if(e.keyCode == 13){ document.getElementById(“txtB”).focus(); } } [removed] </head>...
浏览器脚本兼容 文本框中,回车键触发事件的兼容
01-19
判断是否按下的为回车非常简单: 代码如下: function EnterPress(){ if(event.keycode == 13){ … } } IE6的onkeypress会接受”回车事件”,而onkeydown不会接受 IE8的onkeypress不会接受”回车事件”,而onkeydown会...
文本框回车提交与禁止提交示例
09-05
本框输入数据后使用回车进行提交，想必大家都尝试过吧，在本文有个不错的示例，喜欢的朋友可以参下
文本框输入内容回车事件
liheao的博客
03-23 3986
function textChanged(o) {             if (event.keyCode == 13) {                 var win = window.open("", "_blank");                 win.document.writeln("Hello World!");             }         }
输入框的回车事件
狂奔的黑驴
06-06 2216
//bind 可以换成on$('#inputtext').bind('keypress',function(event){          //13 代表的是回车健          if(event.keyCode == 13)               {               alert('你点击了回车');           }       });...
js在文本框回车触发事件的方法
热门推荐
lujianfeiccie2009的专栏
04-01 3万+
先写一个js方法function getKey() { if(event.keyCode==13){ alert('click enter'); } }在输入框加上onkeypress"getKey()" URL:
input用JavaScript实现回车响应事件，兼容各浏览器
我的博客
10-10 1918
JS获取回车时间（兼容各浏览器） function enterSumbit(){ var event=arguments.callee.caller.arguments[0]||window.event;//消除浏览器差异 if (event.keyCode == 13){
在文本框回车和按钮一样效果
04-30 539
 感谢mr chen
触发器实现删除一条数据连同其它表中和它有关的数据一并删除
欧阳建安的专栏
09-02 1万+
触发器实现删除一条数据连同其它表中和它有关的数据一并删除    这里要说明一下，这个是我随便点一个系统时发现的问题，当初还不知道这个问题出在哪，查了很久才知道，原来这条数据已经不存在了（父表），而它的子表中还存在这条数据信息，此时系统已经完成了百分之八十了，如果要改代码的话真的很麻烦的，因为父表关联的子表太多了。所以在想，在不改变程序的情况下，能不能实现这样的功能。这时我就想到了用
python如何设置qt5文本框回车键跳到一个文本框
04-24
您好！为了解决您的问题，我们可以通过以下代码来设置qt5文本框回车键跳到一个文本框： ```python # 导入必要的库 from PyQt5.QtWidgets import QApplication, QDialog, QLineEdit, QVBoxLayout class MyDialog(QDialog): def __init__(self, parent=None): super(MyDialog, self).__init__(parent) # 创建两个文本框 self.textbox1 = QLineEdit(self) self.textbox2 = QLineEdit(self) # 垂直布局 layout = QVBoxLayout(self) layout.addWidget(self.textbox1) layout.addWidget(self.textbox2) # 设置文本框1的回车事件 self.textbox1.returnPressed.connect(self.textbox2.setFocus) if __name__ == '__main__': app = QApplication([]) # 创建对话框 dlg = MyDialog() dlg.show() app.exec_() ``` 在这里，我们创建了一个名为`MyDialog`的对话框，并在其中创建了两个文本框。然后，我们使用`returnPressed`事件将文本框1的回车键与文本框2的`setFocus()`方法连接起来，从而实现当用户按下回车键时，焦点从文本框1转到文本框2。最后，我们使用`QApplication`类创建了一个应用程序，并运行了对话框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值