Есть таблица.
У таблицы ячейки вида
<td contenteditable class="edit_cell" data-row="1'" data-column="'2'">Текст ячейки</td>
При нажатии на ячейку можно редактировать текст.
Если далее нажать на любое пустое место документа (не на другую ячейку), то скрипт ниже выполнится 1 раз. (1 алерт)
Но если далее нажать не на пустое место, а на другую ячейку , то скрипт ниже выполнится 1 раз для ячейки с которой мы ушли и огромное число раз (бесконечно) для ячейки на которую мы кликнули.
Как исправить скрипт?
Нужно, чтобы когда мы уходили с ячейки скрипт для неё выполнялся 1 раз. Пока это работает только для одной ячейки.
Внимание! Фидл глючит (как и написано выше будет куча алертов). Вам придется закрыть и заново открыть эту страницу.
$(document).on('blur', '.edit_cell', function(){
//$(document).on('click', '.edit_cell', function(){
let row = $(this).data("row");
let column = $(this).data("column");
let td_text = ($(this).html());
$.ajax({
url:"update.php",
method:"POST",
data:{row:row, column:column, td_text:td_text},
dataType:"text",
success:function(data){
alert(data);
}
});
});
