.net的enter键的默认提交
来源:互联网 发布:做读书笔记的软件 编辑:程序博客网 时间:2024/05/22 12:47
在.net页面的文本框里,按enter键会默认提交form表单,填的数据就会clear掉。多数时候确实带来了很好的用户体验,输入数据后,手不用离开键去乱摸鼠标就能完成表单的提交。但总有例外不想要这种默认行为,一定有的,你遇到了就知道的,比如想在文本框中回车做别的事情,那就要点技巧的。
很多人可能会告诉你对文本框加个事件,回车的时候把 keyCode 由 13 变为 9(其实 keyCode 变为 9 是使回车相当于 Tab 键的功能),不过还未完事,你并没有阻止事态进一步蔓延,Form 还是提交了。
$(document).ready(function() {
$("#txt").keypress(function(event) {
if (event.keyCode == 13) {
event.keyCode = 9;
//do some of your things
}
});
})
其实你要了稍加解浏览器的冒泡的事件模型,知道怎么适时的阻止浏览器的默认行为,有一个链接 http://kb.cnblogs.com/a/1363417/ 值得看下,内容如下:
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。
1..停止事件冒泡
JavaScript代码
//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
//因此它支持W3C的stopPropagation()方法
e.stopPropagation();
else
//否则,我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
return false;
2.阻止浏览器的默认行为
JavaScript代码
//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.preventDefault )
//阻止默认浏览器动作(W3C)
e.preventDefault();
else
//IE中阻止函数器默认动作的方式
window.event.returnValue = false;
return false;
$(document).ready(function() {
以上代码用了最流行的 jQuery 来附加事件函数。这样可以试下,在 IE7/IE8 的兼容模式下、Opera、FireFox 文本框中按回车都不再提交表单了。
对于 IE 浏览器,用 window.event.returnValue = false;
当然若是在表单中没有放置提交按钮,文本框中任何时候按回车都不会提交,加上个提交按钮,即使是个隐藏的提交按钮后文本框才能获得这种默认行为。
总结一下有三种办法:
另外再加一个取巧的办法,给表单加一个不可见的 <input type="password" style="display:none"> 也能引起按回车而不提交表单的。
附录:
其实要用 jQuery 可以随时随地,直接通过 Google CDN 来加载就行,不用担心 Google 会不会当掉,只会出现被墙掉的可能。
参考:http://code.google.com/apis/libraries/devguide.html#jquery,
用 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js "></script> 加载 jquery 库
或者用:<script type="text/javascript" src="http://www.google.com/jsapi?key=INSERT-YOUR-KEY"></script>,
要先到 Google API key 注册一个 Key,放到 INSERT-YOUR-KEY 位置,然后就随时用如下的某一代码加载任何你想要脚本库:
google.load("chrome-frame", "1.0.2");
google.load("dojo", "1.5");
google.load("ext-core", "3.1.0");
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.8.2");
google.load("mootools", "1.2.4");
google.load("prototype", "1.6.1.0");
google.load("scriptaculous", "1.8.3");
google.load("swfobject", "2.2");
google.load("yui", "2.8.1");
google.load("webfont", "1.0.6");
----------------------------------------------------------------------
keydown事件
这个函数会调用执行绑定到keydown事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。keydown事件会在键盘按下时触发。
页面一回车进行的操作
$(document).keydown(function(e){
e = e ? e : window.event;
var keycode = e.which ? e.which : e.keyCode;
if(keycode==13)
{
//操作
return false;
}
});
- .net的enter键的默认提交
- form表单中去掉默认的enter键提交并绑定js方法
- 屏蔽Enter键提交表单的功能
- Enter键的时候提交代码编写
- ionic angularjs 实现Enter键的提交
- 关于enter不触发默认的表单提交问题的解决
- Asp.Net 2.0的默认提交按钮
- Asp.Net 2.0的默认提交按钮
- Asp.Net 2.0的默认提交按钮
- 表单的焦点顺序和对应enter键提交
- 按下enter键让提交页面的某个方法
- 按 Enter 键的默认触发就是 jb3 按钮
- Ctrl+Enter提交的一个form
- 关于enter 自动提交的解决方法
- form表单按enter提交的问题
- ASP.NET多个提交按钮页面,回车Enter执行指定按钮的事件
- enter键提交
- enter键提交后续
- 用Redis实现分布式锁
- Storm UI启动却无法显示
- iOS开发- 蓝牙后台接收数据(BLE4.0)
- 基于Hadoop的云存储系统
- HTML Input控件
- .net的enter键的默认提交
- matlab 2010a mex -setup vs 2010找不到的问题
- linux下bluetooth编程(八)SDP层编程
- POJ 2406 Power Strings
- Spring MVC(二)基于注解的登陆界面获取用户名和密码并跳转其它页面
- 图像旋转
- Android网络编程常用的三种方法
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
- 第8章-对话框(二)总结一下