Modal, modeless divs on a page

Question

I'm using modal, modeless divs (I mean fixed, styled divs) on my HTML page. This page contains iframes with modal divs as well.

When I open a new div on the page, I need to disable keyboard events on the parent page (opener page). Also I need to be able to handle tab key presses on the parent page. I have Googled, but I haven't found any solution for solving this issue.

Do you have any suggestions or ideas?

Answer 1

Maybe jQuery with this plugin could help you? Keybinding is made simple, and to disable a key (ex CTRL+F) you simply write:

$(document).bind('keydown', 'Ctrl-f', function(evt) {return false;});