如何在sigma.js画布中通过快捷键选中全部节点

看起来你已经找到了用hotkeys.js实现Sigma节点全选的方向，我帮你优化下这段代码，让它更健壮、更贴合实际使用场景：

// 绑定Ctrl+A快捷键实现节点全选
hotkeys.prototype.selectAll = function(event) {
  const targetTag = event.target.tagName.toLowerCase();
  // 校验：Ctrl+A组合键，且当前焦点不在输入/文本域中（避免干扰内容编辑）
  if (event.keyCode === 65 && this.ctrl && !this.shift && !['input', 'textarea'].includes(targetTag)) {
    event.preventDefault(); // 阻止浏览器默认的页面文本全选行为，避免冲突
    document.nodeSelector.select(); // 触发自定义的节点全选逻辑
  }
};

几个关键的优化细节： #

• 改用严格相等运算符===：比松散相等==更安全，避免意外的类型转换问题
• 简化标签判断逻辑：用数组includes()替代多个!=判断，代码更简洁易维护
• 新增event.preventDefault()：这一步很关键！不然浏览器会同时执行默认的页面文本全选，和你的节点全选操作冲突
• 确保document.nodeSelector.select()内部正确实现Sigma的节点选中逻辑，如果这个方法还没完善，参考下面的示例：

// 示例：nodeSelector的select方法实现（适配Sigma v1.x，v2.x需微调）
const nodeSelector = {
  select: function() {
    // 假设你的Sigma实例变量名为sigmaInstance
    sigmaInstance.graph.nodes().forEach(node => {
      node.selected = true; // 将所有节点标记为选中状态
    });
    sigmaInstance.refresh(); // 刷新画布，让选中状态实时显示
  }
};

额外的适配建议： #

• 如果需要兼容Mac系统的Cmd+A，可以把条件中的this.ctrl改成this.ctrl || this.meta，这样Windows/Linux用Ctrl+A，Mac用Cmd+A
• 若是Sigma v2+版本，获取节点的API是sigmaInstance.getGraph().nodes()，需要对应调整代码
• 记得确认hotkeys.js已经正确引入并初始化，且这个selectAll方法已经被注册到快捷键的处理流程中

内容的提问来源于stack exchange，提问作者Misha Savitckiy