从jQuery框架中的关键板中删除所选项目 - Delete the selected item form the key board in jQuery frame

Delete the selected item form the key board in jQuery frame

本文关键字：删除选项项目 jQuery 框架 | 更新日期: 2023-09-27

我已经在jQuery中完成了拖放元素的框架。现在我想根据要求从框架中删除元素。删除应该从键盘上进行。我正在尝试，可以选择项目，但无法删除所选项目。我的代码是这样的。。

        //Select the element
        jQuery(function() {
            jQuery ("#frame").selectable();
        });
        //move to trash_icon
        jQuery
HTML code...
  <div id="frame">
  <span id="title"></span>
  <div id="tbldevs" > </div>
  </div><!-- end of frame -->

我想知道jQuery中是否有任何功能可以从键盘上删除。

您需要简单地处理键盘事件，如下所示：

HTML:

<div id="frame">
    <span id="title">My Title</span>
    <div id="tbldevs">
        <div id="item1"> This is item 1</div>
        <div id="item2"> This is item 2</div>
    </div>
    <input type="button" id="sel-cancel" value="Cancel Select"/>
</div>

JS:

jQuery(function() {
    //make the elements selectable
    $("#tbldevs").selectable();
    //handle the events in every element. Only applies to elements which can be handle focus
    $('*').keypress(function(event) {
        if ( event.which == 100 ) { //this is the keycode. 100 is the 'd' key. The delete key is difficult to bind.
            $('.ui-selected').remove();
            //you can add ajax calls here to remove items from the backend
         }
    });
});

注意：以下代码仅从HTML树中删除元素。