按删除键删除删除的项目

时间:2012-01-10 10:23:31

标签: jquery

我创建了一个页面droppable,我正在尝试删除拖动的元素。但是我有一个问题,我不知道如何从键盘删除键中删除所选元素。 这是我的代码:

$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;
}

但我必须从键盘删除键中删除元素。

1 个答案:

答案 0 :(得分:0)

要使用键盘删除,您必须有一个名为jquery.hotkeys的插件。

请在此处阅读Keyboard shortcuts with jQuery以了解您的问题。

或者,如果您只希望javascript查看同一页面,因为会出现其他替代方法。