26
Фев
2021

Редактирование ячейки таблицы по двойному щелчку

Как сделать так, чтобы содержимое ячейки можно было редактировать только при двойном щелчке без jQuery? Сделал нечто подобное:

function setEditable(cell) {

    if (cell.getAttribute("contenteditable") == undefined) {
        cell.setAttribute("contenteditable", true);
    } else {
        cell.removeAttribute("contenteditable");
    }

}

Функция вызывается при событии ondblclick

При двойном щелчке действительно ячейка получает статус возможности редактирования, однако, надо нажать третий раз, чтобы выбрать эту ячейку в фокус (ну, нажать на нее, чтобы палка мигающая появилась :) ). Кроме того, если убрать ячейку из фокуса (перейти к другой, щелкнуть по пустому месту и так далее), то свойство contenteditable остается true.

Мне нужно, чтобы при двойном щелчке ячейка выбиралась в фокус на втором клике и сразу можно было редактировать. А по завершении работы фокус пропадал, пока снова не кликнут по ячейке два раза. Как это сделать?

Источник: https://ru.stackoverflow.com/questions/1249147/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D1%8F%D1%87%D0%B5%D0%B9%D0%BA%D0%B8-%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B-%D0%BF%D0%BE-%D0%B4%D0%B2%D0%BE%D0%B9%D0%BD%D0%BE%D0%BC%D1%83-%D1%89%D0%B5%D0%BB%D1%87%D0%BA%D1%83

Тебе может это понравится...

Добавить комментарий