事件 – 从滚动页面停止空格键

前端之家收集整理的这篇文章主要介绍了事件 – 从滚动页面停止空格键前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道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(我包含的处理程序)有关吗?

解决方法

空格键在keydown上滚动页面,而不是在keyup上,所以请尝试:
$("html").on("keydown",function (e) {
   // etc

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

此外,jQuery规范化event.which,因此您不需要测试event.keyCode.

原文链接:https://www.f2er.com/jquery/177869.html

猜你在找的jQuery相关文章