☰

Greasy Fork is available in English.

Tab输入

按TAB键在输入框之间快速切换

  1. // ==UserScript==
  2. // @name         Tab输入
  3. // @name:en      Tab-Input
  4. // @namespace    http://css.thatwind.com/
  5. // @icon         https://using-1255852948.cos.ap-shanghai.myqcloud.com/auto_tab-icon.png
  6. // @description:en Switch to input by Tab button.
  7. // @version      0.1.3
  8. // @description  按TAB键在输入框之间快速切换
  9. // @author       遍智
  10. // @match        *://*/*
  11. // @grant        none
  12. // @run_at       document_end
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.  
  17.     console.log("auto_tab");
  18.  
  19.     var all_input=[]; // 所有可见输入框
  20.     
  21.     var now_target=null; // 当前聚焦输入框
  22.  
  23.     setInterval(refresh,50);    
  24.  
  25.     function refresh(){
  26. 		
  27.         // 刷新获取所有可见输入框 刷新当前聚焦输入框
  28.         var input_ls=document.querySelectorAll("input[type=text]:not([disabled]),input[type=password]:not([disabled]),input[type=number]:not([disabled]),input[type=search]:not([disabled]),input:not([type]):not([disabled])");
  29.         var input_ls_re=[];
  30.         for(var i=0;i<input_ls.length;i++){
  31.             if(input_ls[i].clientWidth>0&&input_ls[i].clientHeight>0) input_ls_re.push(input_ls[i]);
  32.         }
  33.         all_input=input_ls_re;
  34.         if(document.querySelector("input:focus")) now_target=document.querySelector("input:focus");
  35.         else if(getIndex(all_input,now_target)==-1) now_target=null;
  36.         
  37.         // console.log(all_input,now_target);
  38.     }
  39.  
  40.  
  41.  
  42.     document.body.addEventListener("keydown",function(e){ // tab键事件
  43.         if(e.keyCode===9){
  44.             e.preventDefault();
  45.             refresh();
  46.             var new_index;
  47.             if(now_target&&now_target.clientWidth>0&&now_target.clientHeight>0){ // now_target存在
  48.                 new_index=getIndex(all_input,now_target)+1;
  49.                 if(new_index>=all_input.length) new_index=0;
  50.             }
  51.             else new_index=0;
  52.             if(all_input.length<1) return;
  53.             trigger(document.body,"mousedown");
  54.             trigger(document.body,"mouseup");
  55.             trigger(document.body,"click");
  56.             all_input[new_index].click();
  57.             all_input[new_index].focus();
  58.             refresh();
  59.         }
  60.     });
  61.  
  62.     document.body.addEventListener("click",function(){
  63.         refresh();
  64.     })
  65.  
  66.     function getIndex(e_arr,e){
  67.         for(var i=0;i<e_arr.length;i++){
  68.             if(e_arr[i]===e){
  69.                 return i;
  70.             }
  71.         }
  72.         return -1;
  73.     }
  74.  
  75.  
  76.     function myDelegate(p,e,s,f){p.addEventListener(e,function(ev){var targetNow=ev.target;while(targetNow!=p){if(indexOf(p.querySelectorAll(s),targetNow)!=-1){f(ev,targetNow);break;}targetNow=targetNow.parentNode;}});function indexOf(arr,e){for(var i=0;i<arr.length;i++){if(arr[i]===e)return i;}return-1;}}
  77.  
  78.     function trigger(elem,event){
  79.         if(document.all) {
  80.             elem.event();
  81.         } else {
  82.             var evt = document.createEvent("Events");
  83.             evt.initEvent(event,true,true);
  84.             elem.dispatchEvent(evt);
  85.         };
  86.     }
  87.  
  88.  
  89. })();