削除したアイテムを削除キーで削除する

Question

ドラッグできた要素を削除しようとしています。しかし、キーボードの削除キーから選択した要素を削除する方法がわからないという問題があります。 は、ここに私のコードです：

$canvasElement.click(function() { 
    jQuery('.canvas-element').removeClass('selectedItem'); 
    jQuery($canvasElement).addClass('selectedItem'); 
    jQuery('#button').removeClass('delete'); 
    jQuery('#button').addClass('showButton'); 
}) 

jQuery(".deleteButton").click(function() { 
jQuery(".selectedItem").remove(); 
jQuery('#button').removeClass('showButton'); 
jQuery('#button').addClass('delete'); 
}); 

HTML：

<li> 
    <p id="button" class="delete"><button class="deleteButton">Delete</button></p> 
</li> 

CSS：

.selectedItem { 
    border: 2px solid #5C3B84!important; 
} 
.showButton { 
    display:block!important; 
} 
.delete { 
    display:none; 
} 

しかし、私は、キーを削除し、キーボードから要素を削除する必要があります。

Answer 1

キーボードで削除するには、jquery.hotkeysというプラグインが必要です。

ここではKeyboard shortcuts with jQueryをお読みください。

また、javascriptのみが同じページに表示されるようにしたい場合は、代わりに他の方法があります。