Возможно ли запретить удаление элемента в редактируемой таблице?

Question

[Ernest Faizullin]

При редактировании ячеек таблицы пользователь может выделить всю ячейку и удалить содержимое, при этом удалятся ползунки для растягивания размеров ячейки (UI resizable).
Как можно остановить удаление этих вспомогательных элементов?

В этом примере это дивы .ui-resizable-handle в каждой ячейке. Их удаление надо предотвратить

<table>
	<caption>table title</caption>
	<thead>
		<tr>
			<th>header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
				<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
				<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
			</td>
			<td>
				<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
				<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
				<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
			</td>
			<td>
				<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
				<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
				<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
			</td>
		</tr>
	</tbody>
</table>

Comments

[Павел Волынцев]

Укажи код JS. А лучше ссылку на codepen или jsfiddle

Answer 1

[Greg Popov]

Убери обработчик с элемента, который удаляет по умолчанию там, где удаление не разрешено.

Comments

[Ernest Faizullin]

Спасибо за ответ. Можно по-подробнее плиз, если я правильно понял, ты предлагаешь у хэндлеров переопределить дефолтный метод remove() ? Я так пробовал, не помогло. Или надо что то вроде unbind('remove') ? Объясни, как ты хотел