Временно отключите все активные на данный момент обработчики событий jQuery
Я делаюTD
элемент таблицы, редактируемый по двойному клику:
$(document).on("dblclick", "#table>tbody>tr>td.cell", function(e) {
if (e.which != 1 || e.shiftKey || e.altKey || e.ctrlKey)
// need left button without keyboard modifiers
return;
reset_selection();
var editor = document.createElement("div");
editor.setAttribute("contenteditable", "true");
editor.innerHTML = this.innerHTML;
this.innerHTML = '';
// this.style.padding = 0;
this.appendChild(editor);
$(document).on("*", stub);
editor.onblur = function() {
// this.parentNode.setAttribute("style", "");
this.parentNode.innerHTML = this.innerHTML;
sys.editor = null;
$(document).off("*", stub);;
};
editor.focus();
});
function stub(e) {
e.stopImmediatePropagation();
return false;
}
Но когда я дважды щелкаю по тексту внутри редактируемого div, событие двойного щелчка распространяется на родительский тд, вызывая нежелательные последствия. Есть и другие события (select
, mousedown
и т. д.) Я хочу предотвратить, поэтому написание заглушки для каждого из них мне не нравится.
Есть ли способ отключить все активные на данный момент обработчики событий jQuery и включить их впоследствии? Или как-то перестать распространять все события от редактируемого div до его родителей?