2012-01-10 165 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查看同一頁面,因爲會出現其他替代方法。