Как отменить перетаскивание с помощью клавиши Escape

Question

Пожалуйста, знаете ли вы, как отменить перетаскивание с помощью кнопки Escape и вернуть перетаскиваемый элемент в исходное положение?

Я использую https://github.com/RubaXa/Sortable, код:

Sortable.create(shelf2, {
  animation: 200,
  group: {
    name: "shared",
    revertClone: true
  },
  sort: true,
  // Set the delay for the Drag&Drop effect
  delay: 1000,
  ghostClass: "sortable-ghost",
    chosenClass: "sortable-chosen"
});

А вот полный пример на Codepen: https://codepen.io/vlastapolach/pen/xreXpv

Есть идеи, пожалуйста?

Answer 1

Проблема решена путем переключения на другую библиотеку - jQueryUI и вызова их родного метода Cancel:

  $(document).keyup(function(e) {
    if (e.which === 27 || e.keyCode === 27) {
      $("#shelf1, #shelf2").sortable("cancel");
    }
  });
});