as a little side-project, I want to make a search engine that behaves similar to the "Just Type"-Feature of Palm webOS: When the user presses a key somewhere on my site, a box scrolls in containing the typed letters and the search results.

In order to realize that, I bound a "keydown" event to $(document). I have but one problem: the "space" key. It is correctly recognized, the space is concatenated to the search term; but then, the site scrolls down (found out it's the default action when pressing space in the browser). How can I stop this pagescroll (and maybe other standard-actions) from happening, i.e. my event should recognize the keydown, but not the browser?

I tried event.stopPropagation() and event.stopImmediatePropagation(), but somehow it doesn't work. Event when I add "keyup" and "keypress" to the mix (code below). Can you help me out?

Thanks,

Chris

2. var typeToSearchFrame = $("<div></div>").css({
3.         "width":"98%",
4.         "height":"98%",
5.         "position":"absolute",
6.         "z-index":999,
7.         "left":"1%",
8.         "top":"1%",
9.         "-moz-border-radius":"10px",
10.         "background-color":"rgba(120, 120, 120, 0.8)",
11.         "display":"none"
12.     }).appendTo($("body"));
13.     var typeToSearchFrameSearchBox = $("<div></div>").css({
14.         "width":"92%",
15.         "margin-left":"1%",
16.         "margin-top":"1%",
17.         "padding":"1% 3%",
18.         "-moz-border-radius":"10px",
19.         "border":"1px solid black",
20.         "font-size":"26px"
21.     }).append($("<span></span>"));
22.     typeToSearchFrame.append(typeToSearchFrameSearchBox);
23.     $(document).keydown(function(event) {
24.         event.stopImmediatePropagation();
25.         if (typeToSearchFrame.css("display") == "none" && event.keyCode >= 48 &&         
26.         event.keyCode <= 90) {
27.             typeToSearchFrame.slideDown("fast");
28.             typeToSearchFrameSearchBox.find("span").text(
29.                 typeToSearchFrameSearchBox.find("span").text() +  
30.                 String.fromCharCode(event.keyCode));
31.         } else if (typeToSearchFrame.css("display") == "block") {
32.             if ((event.keyCode > 47 && event.keyCode < 90) || event.keyCode == 32) { // character
33.                 typeToSearchFrameSearchBox.find("span").text(
34.                     typeToSearchFrameSearchBox.find("span").text() + 
35.                     String.fromCharCode(event.keyCode));
36.                 } else if (event.keyCode == 8) { // backspace
37.                     typeToSearchFrameSearchBox.find("span").text(
38.                         typeToSearchFrameSearchBox.find("span").text().substring(0, 
39.                         typeToSearchFrameSearchBox.find("span").text().length-1));
40.                 } else if (event.keyCode ==  27) { // escape
41.                     typeToSearchFrameSearchBox.find("span").text("");
42.                     typeToSearchFrame.slideUp("fast");
43.                 }
44.             }
45.     }).keyup(function(event) {
46.         event.stopImmediatePropagation();
47.     }).keypress(function(event) {
48.         event.stopImmediatePropagation();
49.     });