Изменение фокуса css с помощью javascript

Question

Я прошу прощения, если это дублирующий вопрос, но все мои результаты поиска либо около .focus() в js, либо около :focus в css.

Все, что я хочу знать, это как изменить cssв пределах :focus с использованием JavaScript.Что-то вроде:

#input:focus{ color: red; }

function changeFocus(){ document.getElementById("input").[focusCss].color = "green"; }

Я понимаю, что мог бы изменить цвет с помощью слушателя фокуса, а затем снова изменить его на размытие, но это кажетсякак чрезмерное количество кода для чего-то такого простого, особенно когда оно уже используется внутри других слушателей событий.

Answer 1

Вы можете попробовать это вместо:

object.addEventListener("focus", myScript);

Замените myScript на вашу функцию, и она должна запускаться всякий раз, когда вы наводите курсор на объект.