Auto Focus Username Field

Attempts to locate the username input box and change focus to it, will briefly change the background color of the field green when it activates.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Auto Focus Username Field
// @namespace   ClintPriest.com
// @description Attempts to locate the username input box and change focus to it, will briefly change the background color of the field green when it activates.
// @include     http://*
// @include     https://*
// @version     1
// @grant       none
// ==/UserScript==

var names = new Set([ 'username','login_name','user','login' ]);

function findFocus(e) {
	console.log('load %o', e);
	for(var x of names.values()) {
		var elem = document.querySelector('INPUT[name*=' + x + ']');
		if(elem) {
			elem.origbackgroundColor= elem.style.backgroundColor;
			elem.style.backgroundColor = '#A0FFA0';
			elem.focus();
			elem.selectionStart = 0;
			elem.selectionEnd = 999;

			setTimeout(function() {
				elem.style.backgroundColor = elem.origbackgroundColor;
				delete elem.origbackgroundColor;
			}, 2000);
			break;
		}
	}
	window.removeEventListener('DOMContentLoaded', findFocus);
};

window.addEventListener('DOMContentLoaded', findFocus);