Как отследить нажатие Enter

283
26 ноября 2017, 16:12

Доброго времени суток.

Я в JS знаком очень отдаленно, по этому какие-то банальные вещи мне кажутся совершенно страшными и невыполнимыми. Впрочем мне нужно решить одну проблему.

Решил сделать динамическую таблицу с подвязкой из БД. Нашел отличную штуку PHP MySQL Inline Editing using jQuery Ajax Скачал, установил, все работает.

Что бы ячейка отредактировалась, мне нужно кликнуть в любом месте, но мне хочется пользоваться традиционным способом, просто нажать Enter и все. Здесь это не канает, при нажатии на Enter мы переходим на новую строку, даже если я уберу этот перенос строки в БД все равно запишется <br>.

За обновление данных в БД отвечает функция:

<script>
function saveToDatabase(editableObj,column,id) {
    $(editableObj).css("background","#FFF url(loaderIcon.gif) no-repeat right");
    $.ajax({
        url: "saveedit.php",
        type: "POST",
        data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
        success: function(data){
            $(editableObj).css("background","#FDFDFD");
        }        
   });
}
</script>

Собственно вопрос, что и где нужно поменять в этом коде, что бы можно было просто нажать Enter и все записалось. Мне переносы строки не нужны.

Заранее спасибо!

Answer 1

Наверное что то типо того вам нужно:

$(document).keypress(function(e) { 
e.preventDefault();
  if(e.which == 13) {
        function saveToDatabase(editableObj,column,id) {
          $(editableObj).css("background","#FFF url(loaderIcon.gif) no-repeat right");  
            $.ajax({
                url: "saveedit.php",
                type: "POST",
                data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
                success: function(data){
                    $(editableObj).css("background","#FDFDFD");
                }        
             });
        } 
  } 
});
READ ALSO
Как найти разницу значений в двух двумерных массивах?

Как найти разницу значений в двух двумерных массивах?

Как найти разницу значений в двух двумерных массивах?

310
Открыть новую ссылку в текущие вкладке puppeteer

Открыть новую ссылку в текущие вкладке puppeteer

Как открыть новую ссылку в текущие вкладке puppeteerУ меня алгоритм такой: открываю ссылку -> логин и пароль -> вхожу

404
Преобразовать полное ФИО в сокращённое

Преобразовать полное ФИО в сокращённое

Как можно преобразовать полное ФИО в краткое?

319
задний фон(body) не покрывает всю страницу на IOS

задний фон(body) не покрывает всю страницу на IOS

Я создал простую страницу используя css flexbox layoutВсе работает хорошо с Android телефонами,а вот на Iphone,при скроле,появляется разрыв,к которому применяется...

282