JqGrid选中行按上下按键移动（页面不滚动）

最新推荐文章于 2023-03-23 21:43:05 发布

123小气鬼喝凉水

最新推荐文章于 2023-03-23 21:43:05 发布

阅读量513

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_40412082/article/details/116092994

版权

本文介绍如何在JqGrid中实现选中行并使用上下按键移动焦点，同时保持页面滚动位置不变，提供更好的用户体验。

摘要由CSDN通过智能技术生成

$(function () {
    document.onkeydown = function (e) {
        var tarId = e.target.id
        var parId = $("#" + tarId).parent().parent();
        try {
            if (!!parId && parId.length > 0 && parId[0].id == "gridTable") {
                e.preventDefault();
                var $grid = $("#gridTable");
                var key = e.keyCode || e.which;
                e.preventDefault();
                if (key == 38) {//up
                    _movePre($grid);
                }
                if (key == 40) {//down
                    _moveNext($grid)
                }
            }
        } catch (e) {
            console.log(e)
        }
    }
})
//是否超出可视范围
function IsVisualArea(a) {
    if (a >= $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
        return true;
    }
    else {
        return f