google pdf 查看器搜索功能

Posted 2023-03-05

【中文标题】google pdf 查看器搜索功能

【英文标题】：google pdf viewer search functionality

【发布时间】：2021-04-30 21:46:08

【问题描述】：

我在网页的 iframe 中嵌入了一个 google pdf 查看器。 我想构建一个具有文本框和搜索按钮的功能，这将有助于仅在嵌入的 pdf 中搜索单词！。

通过单击按钮激活 ctrl+f 会在 chrome 中打开窗口搜索功能（它不会在嵌入的 pdf 中搜索单词）。

由于我使用的是 google pdf 查看器，如果我点击滚动条然后按 ctrl+f，那么我可以使用 google pdf 查看器的搜索功能进行搜索。

所以主要问题是，如何在 iframe 外部单击按钮时激活 。

谢谢

【参考方案1】：

您正在寻找的是window.getSelection() 方法。此方法返回一个特定的 Selection 对象，其中包含网页上所选文本的范围。

以下是onselectionchange() 与pdf.js 一起使用的方法

<script >

  // addEventListener version
  document.addEventListener('selectionchange', () => 
    console.log(document.getSelection());
  );

// onselectionchange version
document.onselectionchange = () => 
  var text = getSelectedText();

  if (text) 
    alert(text);

  
;

function getSelectedText() 
  if (window.getSelection) 
    return window.getSelection().toString();
   else if (document.selection) 
    return document.selection.createRange().text;
  
  return '';


</script>