jquery 回车代替tab

$(function () {

//回车代替tab

$(‘input:text:first‘).focus();

//如果有其他输入类型可以在此处加入

var $target = $(‘input,button,select‘);

$target.bind(‘keydown‘, function (e) {

var key = e.which;

if (key == 13) {

e.preventDefault();

var nxtIdx = $target.index(this) + 1;

if ($target.eq(nxtIdx).attr("type") == "submit") {

$target.eq(nxtIdx).click();

} else {

$target.eq(nxtIdx).focus();

}

}

});

});

时间: 2024-08-07 05:52:40

jquery 回车代替tab的相关文章

[C#]Winform下回车或Tab键自动切换下一个控件焦点

满足用户体验,在数据录入时,能在输入完一个信息后通过回车或Tab键自动的切换到下一个控件(字段). 在界面控件设计时,默认可以通过设置控件的TabIndex来实现.但在布局调整时或者是对输入的内容有选择性时,从用代码的方式来处理显得更好维护一点. 完整的实现方法如下: /// <summary> /// 回车.Tab键盘切换或执行操作 /// </summary> public sealed class TabEnter:IDisposable { private List<

.Net常用技巧_窗体的回车转TAB键

/// <summary> /// 表单的回车转TAB键 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> private void BasicForm_KeyDown(object sender, KeyEventArgs e) { #region 回车转TAB键 if (e.KeyCod

jquery简单的tab切换特效插件jquery-tab demo代码下载

原文:jquery简单的tab切换特效插件jquery-tab demo代码下载 源代码下载地址:http://www.zuidaima.com/share/1550463496178688.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

js/jquery回车提交

1.JavaScript 方法: [javascript] <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } </script> <script> document.onkeydown=function(event){ e

基于jQuery图片缩放tab切换效果

基于jQuery图片缩放tab切换效果 上图: 主要效果是一个切换的效果,鼠标移动进行效果切换,兼容IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗等 预览地址:http://www.qhttl.com/content/view/2014/07/23/jiaoben92/jiaoben92/index.html 基于jQuery图片缩放tab切换效果

jquery回车提交表单

jquery回车提交表单,比较方便的功能. 三个事件keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 ,所以用keyup. $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); }});

Jquery 简单的Tab选项卡特效

<!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> <meta http-equiv="Content-

JQuery实现回车代替Tab键(按回车跳到下一栏)

一个提交按钮以后,用户如果按了键盘的回车键,默认情况下,就会提交这个表单了.这样对于用户输入各个表单项目,用户体验很不好,输入完一个项目,或者用鼠标选择下一个项目,或者用键盘的Tab键选中下一个项目. 二.问题要求: 1:如果当前处于焦点(也就是用户正在输入的那个文本框)不是最后一个输入框,那么按回车键时,将焦点转移到下一个输入框: 2:如果当前处于焦点(也就是用户正在输入的那个文本框)是最后一个输入框,那么按回车键时,将请用户确认后提交表单: 三.基本思路: 1:判断按键是否是回车建, 这个比

jQuery回车事件

简单地记下jquery实现回车事件 全局: $(function(){document.onkeydown = function(e){     var ev = document.all ? window.event : e;    if(ev.keyCode==13) { $('#FormId).submit();//处理事件 }}}); 某个控件:$('#id').keydown(function(e){if(e.keyCode==13){   $('#FormId).submit();