如何在jqGrid中忽略右键触发onSelectRow事件

API 探路者

2026-5-19

解决jqGrid右键点击触发onSelectRow的问题

我刚好遇到过类似的场景，给你两个可行的方案，完美实现你要的效果——左键正常执行onSelectRow逻辑，右键保留默认菜单（包括检查元素）且不触发选中逻辑：

方案一：标记位配合onRightClickRow（兼容性最好）

这个方法利用jqGrid自带的onRightClickRow事件做标记，因为右键点击时会先触发这个事件，我们用它来标记当前是右键操作，再在onSelectRow里判断并跳过逻辑：

先定义一个作用域内的标记变量：

let isRightClickTriggered = false;

配置onRightClickRow事件，标记右键操作：

onRightClickRow: function(rowId, rowIndex, colIndex, event) {
    isRightClickTriggered = true;
    return true; // 必须返回true，才会保留右键默认菜单
}

修改你的onSelectRow事件，判断标记并执行对应逻辑：

onSelectRow: function(rowId, isSelected, event) {
    // 如果是右键触发的，重置标记并直接返回
    if (isRightClickTriggered) {
        isRightClickTriggered = false;
        return;
    }

    // 这里放你原来的左键选中要执行的业务逻辑
    console.log("左键选中了行：", rowId);
    // ...你的其他代码
}

方案二：直接在onSelectRow中检测事件对象（需版本支持）

如果你的jqGrid版本比较新，onSelectRow的第三个参数会传入事件对象，那可以直接通过事件对象判断鼠标按钮：

onSelectRow: function(rowId, isSelected, event) {
    // 检测右键：标准浏览器用event.which=3，IE用event.button=2
    if (event && (event.which === 3 || event.button === 2)) {
        return; // 右键点击，跳过逻辑
    }

    // 正常左键选中的逻辑
    console.log("左键选中行：", rowId);
}