Comments on: Focus first text field using jQuery

By: Jacky

Jacky — Mon, 14 Apr 2008 04:21:47 +0000

BTW, eq() also uses slice()

By: Jacky

Jacky — Mon, 14 Apr 2008 03:39:56 +0000

anonymous: yes, can use eq() also.

小影: that’s my interest… multiple forms, which may be ‘hidden’

By: 小影

小影 — Mon, 14 Apr 2008 02:42:19 +0000


  findFirstElement: function(form) {
    var elements = $(form).getElements().findAll(function(element) {
      return 'hidden' != element.type && !element.disabled;
    });
    var firstByIndex = elements.findAll(function(element) {
      return element.hasAttribute('tabIndex') && element.tabIndex &gt;= 0;
    }).sortBy(function(element) { return element.tabIndex }).first();
    return firstByIndex ? firstByIndex : elements.find(function(element) {
      return ['input', 'select', 'textarea'].include(element.tagName.toLowerCase());
    });
  },
  focusFirstElement: function(form) {
    form = $(form);
    form.findFirstElement().activate();
    return form;
  }

form 或 form 上層的 elements 是 hidden … 是不行的

By: anonymous

anonymous — Mon, 14 Apr 2008 02:34:53 +0000

Why slice() instead of eq()?

http://docs.jquery.com/Core/eq#position

By: Jacky

Jacky — Mon, 14 Apr 2008 01:46:05 +0000

Can this function handle when
1) style=“display:none” on the input?
2) the form itself is under a div with display:none?

By: 小影

小影 — Mon, 14 Apr 2008 01:24:59 +0000

呃… 上面 [ 0 ] 變了 [0]

By: 小影

小影 — Mon, 14 Apr 2008 01:23:23 +0000

用 prototype 的話我會這樣：


 Event.observe(window, 'load', function() {
	try{
		($$('form')[0]).focusFirstElement();
	} catch (e) {}
 });

( 在page load 完後才 focus )