• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 603
  • Last Modified:

Get needed behaviour onkeyup

Hello,

This is the code I use to

<script type="text/javascript">
function ControlKey(event) {
        
    switch (event.keyCode)
    {
    case 9:
        if(active_id!='') {
        Edit();
        }
        break;
    case 13:    
        break;
    }
}

  $(document).ready(function () {
     $(window).keyup(function(event) {
     ControlKey(event);
     });
});

Open in new window


Function Edit() is online editor, so it transforms table cell to select form. It works.

But the problem is that when I press tab (being inside of select) browser (Firefox) first gives focus to address , then to the next focusable element .
Only when (after few tabs) it comes back to the same select form and I press tab again I get function Edit() working.
So it looks like browser fires own event on tab and ignoring my custom.

An idea how to solve it?
0
APRESTOUS
Asked:
APRESTOUS
1 Solution
 
BurniePCommented:
Hi,

Instead of using window you should try setting it at the document level.  Also, with keys like Tab, you should try the keyPress event instead.

  $(document).ready(function () {
     $(document).keypress(function(event) {
     ControlKey(event);
  });

You can try this and see if you get bettter results.
0
 
APRESTOUSAuthor Commented:
Yes, it did it.
Probably clue was is "keypress" instead of "keyup"
Thank you!
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now