作家
登录

基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )

作者: 来源:www.28hudong.com 2013-03-30 01:11:34 阅读 我要评论

第一种方法:复制代码 代码如下: $(document).ready(function () { $(':input:text:first').focus(); $(':input:enabled').addClass('enterIndex'); // get only input tags with class data-entry textboxes = $('.enterIndex'); // now we check to see which browser is being used if ($.browser.mozilla) { $(textboxes).bind('keypress', CheckForEnter); } else { $(textboxes).bind('keydown', CheckForEnter); } }); function CheckForEnter(event) { if (event.keyCode == 13 && $(this).attr('type') != 'button' && $(this).attr('type') != 'submit' && $(this).attr('type') != 'textarea' && $(this).attr('type') != 'reset') { var i = $('.enterIndex').index($(this)); var n = $('.enterIndex').length; if (i < n - 1) { if ($(this).attr('type') != 'radio') { NextDOM($('.enterIndex'),i); } else { var last_radio = $('.enterIndex').index($('.enterIndex[type=radio][name=' + $(this).attr('name') + ']:last')); NextDOM($('.enterIndex'),last_radio); } } return false; } } function NextDOM(myjQueryObjects,counter) { if (myjQueryObjects.eq(counter+1)[0].disabled) { NextDOM(myjQueryObjects, counter + 1); } else { myjQueryObjects.eq(counter + 1).trigger('focus'); } } 方法二(转载网络) 复制代码 代码如下: document.onkeydown = function(evt) { var isie = (document.all) ? true : false; var key; var srcobj; alert(isie); if (isie) { key = event.keyCode; srcobj = event.srcElement; } else { alert(evt); key = evt.which; srcobj = evt.target; } if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && srcobj.type != 'textarea' && srcobj.type != '') { if (isie) { event.keyCode = 9; } else { var el = getNextElement(evt.target); if (el.type != 'hidden') el.focus(); else while (el.type == 'hidden') el = getNextElement(el); el.focus(); return false; } } } document.onkeyup = function(evt) { var isie = (document.all) ? true : false; var key; var srcobj; alert(isie); if (isie) { key = event.keyCode; srcobj = event.srcElement; } else { alert(evt); key = evt.which; srcobj = evt.target; } if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && srcobj.type != 'textarea' && srcobj.type != '') { if (isie) { event.keyCode = 9; } else { var el = getNextElement(evt.target); if (el.type != 'hidden') el.focus(); else while (el.type == 'hidden') el = getNextElement(el); el.focus(); return false; } } } function getNextElement(field) { var form = field.form; for (var e = 0; e < form.elements.length; e++) { if (field == form.elements[e]) break; } return form.elements[++e % form.elements.length]; } function document.onkeydown() { var e = event.srcElement; if (event.keyCode == 13 && e.tagName == "INPUT" && e.type == "text") event.keyCode = 9; }

  推荐阅读

  JavaScript.The.Good.Parts阅读笔记(二)作用域&闭包&减缓全局空间污染

如代码块 复制代码 代码如下: if (true) { int i = 100; } print(i); //错误,变量i没有声明 如上面例子所示,代码块外的函数是无法访问i变量的。 但在javaScript里,情况则完全不同。 复制代码 代码如下: if (tr>>>详细阅读


本文标题:基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )

地址:http://www.17bianji.com/kaifa2/JS/25433.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)