☰

Autofocus input text field

Autofocus the first visible input text field when a page is loaded

当前为 2015-04-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name          Autofocus input text field
  3. // @description   Autofocus the first visible input text field when a page is loaded
  4. // @version       1.0
  5. // @author        wOxxOm
  6. // @namespace     wOxxOm.scripts
  7. // @license       MIT License
  8. // @run-at        document-start
  9. // ==/UserScript==
  10.  
  11. var TEXT_FIELD = ' text number search url ';
  12.  
  13. document.addEventListener('DOMContentLoaded', function() {
  14.   if (TEXT_FIELD.indexOf(document.activeElement.type) >= 0)
  15.     return;
  16.   // find text inputs inside visible DOM containers
  17.   var inputs = document.getElementsByTagName('input');
  18.   var visible = [];
  19.   for (var i=0, input, il=inputs.length; i<il && (input=inputs[i]); i++)
  20.     if (TEXT_FIELD.indexOf(' '+input.type+' ') >= 0) {
  21.       var n=input, style;
  22.       while (n && n.style && (style=getComputedStyle(n)) && style.display!='none' && style.visibility!='hidden')
  23.         n = n.parentNode;
  24.       if (!n || !n.style)
  25.         visible.push(input);
  26.     }
  27.   if (visible.length) {
  28.     var toFocus = visible[0];
  29.     // if empty, try to select an identically named input field with some text (happens on some sites)
  30.     if (!toFocus.value)
  31.       for (var i in visible)
  32.         if (visible[i].value && visible[i].name == toFocus.name
  33.             && (!visible[i].form && !toFocus.form || visible[i].form.action == toFocus.form.action))
  34.           toFocus = visible[i];
  35.     toFocus.focus();
  36.     toFocus.select();
  37.   }
  38. });