Элемент не получает фокус
У меня есть скрипт, который при клике на кнопку добавляет на страницу ul c li. Когда фокус находится на li и пользователь нажимает Enter - я создаю еще 1 li и вставляю после первого. После чего делаю на последнем фокус. Например:
let activeLi;//активная li
let newLi = $('<li></li>');
activeLi.after(newLi);
newLi.focus();Html имеет такой вид
<div contenteditable="true">
<ul>
<li></li>
</ul>
</div>Но фокус не ставится на новый элемент, а остается на старом. В чем моя ошибка?
Не забывай про tabindex и всё будет работать:
$("li").focus().parent().keypress(function (e) {
if (e.keyCode === 13) {
var li = $("<li tabindex=0>")
$(e.target).after(li)
li.focus()
}
})ul { counter-reset: i }
li { counter-increment: i }
li:after { content: counter(i) }<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li tabindex=0>
</ul>
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
- Почему SERVER_ADDR имеет не тот IP 47903 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30566 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23894 visits
- Как через css изменить цвет png изображения? 10396 visits
- Blob video url download 10003 visits
- Php curl запрос через прокси с авторизацией 9272 visits
- Работа с captcha vk api 8144 visits
© "hostciti.net" 23.3.2025 | 07:27