Клиент, динамически редактирующий значение элементов dom, таких как <div><p> Javascript

Question

Существуют ли относительно простые способы реализовать это:

• У меня есть элемент div с абсолютной позицией
• Я делаю двойной щелчок по нему
• Теперь фокус на этом div, появилась каретка
• Я печатаю, и значение этого div меняется

Спасибо!

Answer 1

Вы должны проверить содержание редактируемое .Вот пример: http://jsfiddle.net/Jk5zn/. И если вас беспокоит охват браузера, не беспокойтесь: http://caniuse.com/#search=contented

Answer 2

В случае, если вы не хотите использовать jquery (или другие фреймворки для этого) ...

Вы почти написали алгоритм самостоятельно!

Когда событие ondblclick объектаdiv fire, показывает предварительно созданную текстовую область на позиции div.Когда происходит событие onblur этого texarea, просто передайте значение textarea в innerHTML элемента div.

, вот и все.

Answer 3

Это вызывает встроенное редактирование, простой поиск вернул эту запись в блоге