Я ищу дополнительные параметры / информацию для атрибута HTML: "contenteditable = 'true'" и функции javascript: "focus ()"

Question

Я хотел бы узнать больше об атрибуте "HTML contenteditable = 'true'" и функции javascript focus (). Например, я хотел бы знать, как я могу влиять на положение сфокусированной линии или как редактировать фон сфокусированной линии. Я уже кое-что погуглил, но не могу найти нужную информацию.

У кого-нибудь есть хороший совет?

Answer 1

Вы можете проверить, какой элемент находится в фокусе, написав в консоли Google Chrome:

document.activeElement

Атрибут contenteditable указывает, является ли содержимое элемента редактируемым или нет.

Если вы хотите активировать фокус на contenteditable элементе, вы можете сделать это следующим образом:

$(".contenteditableClassName").focus();

Любое другое изменение фона этого элемента выполняется с помощью CSS, например, вы можете использовать

    .no-touchevents &:hover, &:focus, &:active {
        border-color: white;
        color: blue;

Таким способом вы можете применить различные изменения к элементу фокуса.

Также вы можете удалить границу фокуса при нажатии с помощью:

        .pointer-focus &:focus {
        outline: none;
        }