In jQuery, how do you make it so when I click a div, I can press the delete key and make something happen?

Question

For example, I click on a div, then after that I press the button delete and it alerts a message. If I dont click on the div and press delete, nothing happens. Thanks!!

Garis M Suero · Accepted Answer · 2010-07-10T23:12:33.123

1

Didn't test this code, but i imagine you should use something like this...

  var divSelected = null;
  $(document).ready(function(){
    $("div").click(
      function(){
        divSelected = caller.id;
        alert(test.val());
    }
  );
  $('#DIV').keypress(function(e){
      if(e.which == 46 && divSelected){ // 46 is the keycode for the delete key...
          // do what you want...
      }
   });
});

edited Jul 10 '10 at 23:12

answered Jul 10 '10 at 23:06

Garis M Suero

7,974
7
45
68

score 0 · Answer 2 · answered Jul 11 '10 at 04:32

Garis Suero is close, but I think it should be:

  $(function(){
  var divSelected = null;
    $('div').click(
      function(){
        divSelected = this;
    });
  $('div').keypress(function(e){
      if(e.which == 46 && this == divSelected){ 
        alert('Delete me!');
      }
   });
});

Also totally untested though ;)

In jQuery, how do you make it so when I click a div, I can press the delete key and make something happen?

2 Answers2