从滚动页面停止空格键

时间:2012-07-16 23:35:16

标签: events jquery preventdefault

我知道e.preventDefault();应该阻止空格键在页面上滚动,但它不能用于我的功能

$("html").live("keyup", function (e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if ((code == 32 || code == 13) && $("span").is(":focus")) {
        openDropdown();
        $(".dropdown a.PivotItem:first").focus();
        e.preventDefault();
    } else if ((code == 32 || code == 13) && $("a.PivotItem").is(":focus")) {
        closeDropdown();
        changeSelected($("*:focus"));
        e.preventDefault();
    } else if (code == 27 && ($("span").is(":focus") || $(".dropdown a.PivotItem").is(":focus"))) {
        closeDropdown();
        $("span").focus();
    } else {
        //do nothing
    }
});

是否与我所包含的.live(处理程序有关?

1 个答案:

答案 0 :(得分:18)

空格键会在keydown上滚动页面,而不是keyup上的页面,请尝试:

$("html").on("keydown", function (e) {
   // etc

您实际上不需要使用.live(),因为代码运行时html元素将存在。

此外,jQuery会将event.which标准化,因此您无需测试event.keyCode