跳到内容
  • 福昕首页
  • 开发中心
  • SDK文档资料
  • 插件商店
  • 福昕首页
  • 开发中心
  • SDK文档资料
  • 插件商店
申请试用
  • 企业自动化
    • Compressor
  • 福昕CloudAPI
  • 福昕PDF SDK 软件开发工具包
    • 福昕PDF SDK(ActiveX)
    • 福昕PDF SDK(桌面/服务器)
    • 福昕PDF SDK(Plug-in)
    • 福昕 PDF SDK(安卓)
    • 福昕PDF SDK(iOS)
    • 福昕PDF SDK(Web)
  • 福昕管理控制台
    • 公有云
    • 私有云
    • 通用情况
  • 福昕阅读器
    • RMS插件
  • 福昕高级编辑器
    • AI助手
    • Mac版本
      • 常规问题
    • Windows版本
      • 表单
      • ECM集成
      • 互联PDF
      • 企业管理指南
      • 保护
      • 内容编辑
      • 创建PDF
      • 压缩
      • 图章
      • 安装与卸载
      • 常见问题
      • 打印
      • 注释/评论
      • 福昕插件
      • 翻译助手
      • 翻译助手教程
      • 试用与激活
      • 转换
      • 页面管理
    • 教育用户
      • 论文查重
      • 论文畅
      • 操作指南
    • 网页版
      • Foxit eSign
      • 电子签章
    • 订阅
    • 资源
  • 福昕高级编辑器Linux版本
  • 福船图纸管理系统
  • 福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)
  • 标签:
  • JavaScript,PDF Viewer,PDF Web SDK,PDF 注释,侧边栏,前端开发

如何实现双击页面上的注释时不展开内置侧边栏的注释列表?

  • 福昕知识库
  • 2026-04-01

本文介绍如何在 PDF Web SDK(Web PDF Viewer)中,通过 JavaScript 自定义注释组件行为,实现双击页面注释时不触发内置侧边栏注释列表(评论面板)的展开,适用于前端 PDF 注释交互控制场景。

一、功能说明

在默认的 PDF Web Viewer 中,当用户双击页面上的注释时,通常会自动打开侧边栏的注释列表(评论面板),用于展示或编辑批注内容。

但在某些业务场景下,例如自定义审阅流程或简化交互体验时,可能需要禁用该默认行为,即双击注释时不展开侧边栏。

本文介绍如何基于 PDF Web SDK,通过 JavaScript 自定义注释组件,实现该行为控制。

二、实现思路

实现该功能的核心方式是:

  1. 获取 AnnotManager(注释管理器)
  2. 通过registerMatchRule注册自定义规则
  3. 继承默认 AnnotComponent
  4. 重写showReplyDialog方法
  5. 返回false,阻止默认侧边栏弹出逻辑

示例代码:

//双击注释不展开左侧侧边栏的注释列表:
pdfui.getPDFViewer().then(function (pdfViewer) {
  return pdfViewer.getAnnotManager();
}).then(function (annotManager) {
  annotManager.registerMatchRule(function (annot, AnnotComponent) {
    return class CustomRule extends AnnotComponent {
      constructor (annot, eUi, eHandler, AnnotComponent) {
        super(annot, eUi, eHandler, AnnotComponent);
      }
      showReplyDialog(){
	    return false
      }
    }
  })
})
免费获取SDK试用

相关内容

3D 模型交互状态通知与实时坐标获取方法

PDF后台批量处理:如何将文档保存为线性化格式(福昕SDK教程)

【合同/协议必备】PDF一键盖骑缝章,防换页防篡改!

在执行文件打印时如何将默认的打印数量设置为1

PDF字体嵌入教程:如何将文档中使用到的所有字体完全嵌入

福昕2026版新增PDF转CAD,DWG/DXF一键搞定!

在合并文件时如何统一设置页面大小

文件每次打开时缩放比例都是200%如何将缩放比例调整为100%

如何查看查看PDF/A的版本信息

如何使用电子签章对内签署

推荐内容

3D 模型交互状态通知与实时坐标获取方法

PDF后台批量处理:如何将文档保存为线性化格式(福昕SDK教程)

【合同/协议必备】PDF一键盖骑缝章,防换页防篡改!

在执行文件打印时如何将默认的打印数量设置为1

PDF字体嵌入教程:如何将文档中使用到的所有字体完全嵌入

福昕2026版新增PDF转CAD,DWG/DXF一键搞定!

在合并文件时如何统一设置页面大小

文件每次打开时缩放比例都是200%如何将缩放比例调整为100%

如何查看查看PDF/A的版本信息

如何使用电子签章对内签署

产品
  • 应用行业
  • 白皮书
开发支持
  • 开发中心
  • SDK文档资料

销售咨询:010-50951668

客服电话:0591-38509808

销售咨询
微信公众号

©2026 福建福昕软件开发股份有限公司 版权所有

隐私策略