Ввод текста в div при нажатии клавиши

[demamon]

Есть некий div, нужно что бы при нажатии, например, enter'a появлялось окошко и туда пользователь мог вводить текст который сохранялся бы в div. Мышку использовать нельзя так как на ней висят другие действия.
Тут сама работа https://jsfiddle.net/xbLrq9uu/27/

[demamon]

скрипт который по сути должен работать.
document.getElementById('div_main').ondblclick=fun ction()
{
var s;
s = prompt("Какой текст добавить в блок ?");
div.innerHTML = s;
}

Не могу его к своему диву привязать

[destus]

А что за div? Эта переменная где-то раньше объявляется?

[demamon]

Да. https://jsfiddle.net/xbLrq9uu/49/ тот div - прямоугольник который можно по полю таскать и растягивать.

[destus]

Да. https://jsfiddle.net/xbLrq9uu/49/ тот div - прямоугольник который можно по полю таскать и растягивать.

Что-то не вижу чтобы переменная div была в JS объявлена, с соответствующей ссылкой на DOM элемент. Попробуй так.

document.getElementById('div_main').ondblclick=function() 
{ 
var s; 
s = prompt("Какой текст добавить в блок ?"); 
this.innerHTML = s; 
}

[demamon]

Нет, не работает. Может что у дива прописать надо. Как реакцию на нажатие мыши? Просто если с активацией переноса и растягивания понятно, там события нажатия с именами функций связываются. То как сделать здесь не совсем понятно

[destus]

Может что у дива прописать надо. Как реакцию на нажатие мыши?

ondblclick- двойной клик на div. Что у вас не работает? Может DOM дерево ещё не загрузилось? Тогда так

<script>
        document.addEventListener('DOMContentLoaded',function(){
            document.getElementById('div_main').ondblclick = function () {
                var s;
                s = prompt("Какой текст добавить в блок ?");
                this.innerHTML = s;
            }
        }) 
    </script>

<style>
div{
            width : 100px;
            height: 100px;
            border: 1px solid black;
        }
</style>
    <script>
        document.addEventListener('DOMContentLoaded',function(){
            document.getElementById('div_main').ondblclick = function () {
                var s;
                s = prompt("Какой текст добавить в блок ?");
                this.innerHTML = s;
            }
        }) 
    </script>
<div id="div_main"></div>

[demamon]

Работает, спасибо