通过删除键删除删除的项目按

问题描述：

我已经创建了页面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; 
}

但我不得不删除键盘元素删除键。

我不完全理解你的问题。当用户按下键盘上的删除键时，你想要做些什么吗？然后，一个简单的键绑定应该满足您的需求。 – buschtoens 2012-01-10 10:43:09

好的谢谢，我已经做到了 – Jackson 2012-01-10 11:05:56

答

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

在这里阅读Keyboard shortcuts with jQuery为您的问题。

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

通过删除键删除删除的项目按

相关推荐