HTML Link не получает фокусировку на получение фокуса, если Textarea не была сосредоточена явно ⇐ Html

[Anonymous]

Пример 1 - Нет фокусировки для ссылки
У меня есть обработчик keydown для . Когда обработчик обращается, я хочу ссылку (

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

[url=https://example.com/]example.com[/url]

Пример 2 - Успешное описание фокуса для Link
Но в примере ниже, когда я ввода что -то в , ссылка получает фокус после 1000 мс (1 секунду), а ссылка тоже получает наводка. уже имеет фокус через text.focus () в JavaScript. Таким образом, в отличие от примера 1, нам не нужно было нажимать на нее с помощью мыши. Lang-Js PrettyPrint-Override ">let link
let text

function main() {
link = document.getElementById('link')
text = document.getElementById('text')
text.focus()
text.value = ''
text.addEventListener('keydown', keydown)
}

function keydown() {
setTimeout(handler, 1000)
}

function handler() {
console.log('text.value:', text.value)
link.focus()
}

window.addEventListener('load', main)< /code>
a:focus { color: green }< /code>

example.com< /code>
< /div>
< /div>
< /p>
Вопрос < /h3>
Почему ссылка не получает фокусировку вокруг нее в 1 -м примере, и почему она получает фокус во втором примере? Я не могу найти что -либо в спецификациях W3, что объясняет это поведение. Можете ли вы помочь объяснить это поведение?


Подробнее здесь: https://stackoverflow.com/questions/797 ... a-has-been