keydown/keyup toggle functionality

keydown/keyup toggle functionality

I'm trying to understand how I might toggle on/off functionality while a key is pressed. I've been working on an example but I'm struggling with how to select the element I'm currently interacting with so I can revert functionality once the key is released.

Below is the code I'm currently working on. On lines 6, 16 and 17 I would really like to select the specific element that was being resized, not all items in that class. How can I reference that specific item to toggle it's settings?

  2. $(document).keydown(function(e) {
  3.       var keyCode = e.keyCode || e.which; 
  4.       if (keyCode == 18){
  5.   
  6.             $(".onpage").resizable({
  7.                   alsoResize: false,
  8.                   aspectRatio: false
  9.             });      
  10.       }
  11. });

  13. $(document).keyup(function(e) {
  14.       var keyCode = e.keyCode || e.which; 
  15.       if (keyCode == 18){
  16.             $(".onpage").resizable({
  17.                   alsoResize: $(".onpage").find('img'),
  18.                   aspectRatio: true
  19.             });
  20.       }
  21. });

Thanks,

Dave