Используйте CSS, чтобы показать, какой элемент div получит вставленный текст. ⇐ CSS

[Anonymous]

У меня есть 2 элемента div, которые могут принимать вставленный текст. Они не доступны для редактирования. Как я могу визуально указать, какой из них получит событие вставки?
Я пробовал использовать :focus, но по умолчанию он ничего не делает для элементов div. Я добавил tabindex в div, а затем :focus сработал, но если я щелкну за пределами div, он потеряет атрибут фокуса, но все равно получит вставленный текст

Код: Выделить всё

document.querySelectorAll("div").forEach(element => {
element.addEventListener("paste", event => {
event.preventDefault();
const text = (event.clipboardData || window.clipboardData).getData("text");
const words = text.split(' ').join('\n');
event.currentTarget.innerText = words;
}
)
});

Код: Выделить всё

aaa
bbb

Подробнее здесь: https://stackoverflow.com/questions/792 ... asted-text