삭제 키로 삭제 된 항목 삭제 누르기

나는 페이지를 만들었습니다. 삭제 가능한 요소를 삭제하려고했습니다. 하지만 키보드 삭제 키에서 선택한 요소를 삭제하는 방법을 모르겠다는 문제점이 있습니다. 여기 내 코드입니다 :삭제 키로 삭제 된 항목 삭제 누르기

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

하지만 키를 삭제 키보드에서 요소를 삭제해야합니다.

출처

2012-01-10 Jackson

질문을 완전히 이해하지 못했습니다. 사용자가 키보드에서 삭제 키를 누를 때 뭔가를하고 싶습니까? 그런 다음 간단한 키 바인딩이 필요합니다. – buschtoens

고마워, 해냈어. – Jackson

키보드를 사용하여 삭제하려면 jquery.hotkeys이라는 플러그인이 있어야합니다.

여기에 Keyboard shortcuts with jQuery을 읽어보십시오.

다른 대안이 나타나기 때문에 자바 스크립트 만 같은 페이지로 보길 원한다면.

출처

2012-01-10 10:29:17

삭제 키로 삭제 된 항목 삭제 누르기

답변

관련 문제