使用jQuery将焦点设置到下一个输入字段

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jQuery将焦点设置到下一个输入字段相关的知识,希望对你有一定的参考价值。

I was recently faced with the problem of setting focus to the next input field. The challenge was that I didn’t know what that field was. So given an input field, find the next logical (in the order of the DOM) input field and set focus. I came up with the following jQuery function (plugin) to accomplish this:
  1. $.fn.focusNextInputField = function() {
  2. return this.each(function() {
  3. var fields = $(this).parents('form:eq(0),body').find('button,input,textarea,select');
  4. var index = fields.index( this );
  5. if ( index > -1 && ( index + 1 ) < fields.length ) {
  6.  
  7. fields.eq( index + 1 ).focus();
  8. }
  9. return false;
  10. });
  11. };

以上是关于使用jQuery将焦点设置到下一个输入字段的主要内容,如果未能解决你的问题,请参考以下文章

如何从jQuery中的输入字段中删除焦点?

如何在颤动中将焦点转移到下一个文本字段?

如何使用JQuery设置焦点在输入字段上

AngularJS - 在第一个文本框之后将焦点设置到下一个文本框

将光标自动从数字输入字段移动到下一个字段

按下回车键时如何将焦点移到下一个字段?