2012-01-10 100 views
0

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

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

+0

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

+0

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

回答

0

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

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

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