Search results

Accessibility in JavaScript (ES5) PDF Viewer control

08 Feb 2023 / 2 minutes to read

The JavaScript PDF Viewer supports the following keyboard interactions.

Action Windows Macintosh
Shortcuts for page navigation
Navigate to the first page Home Function + Left arrow
Navigate to the last page End Function + Right arrow
Navigate to the previous page Up Arrow Up Arrow
Navigate to the next page Down Arrow Down Arrow
Shortcuts for Zooming
Perform zoom-in operation CONTROL + = COMMAND + =
Perform zoom-out operation CONTROL + - COMMAND + -
Retain the zoom level to 1 CONTROL + 0 COMMAND + 0
Shortcut for Text Search
Open the search toolbar CONTROL + F COMMAND + F
Shortcut for Text Selection
Copy the selected text or annotation or form field CONTROL + C COMMAND + C
Cut the selected text or annotation of the form field CONTROL + X COMMAND + X
Paste the selected text or annotation or form field CONTROL + Y COMMAND + Y
Shortcuts for the general operation
Undo the action CONTROL + Z COMMAND + Z
Redo the action CONTROL + Y COMMAND + Y
Print the document CONTROL + P COMMAND + P
Delete the annotations and form fields Delete Delete
Copied to clipboard
<html>
  <head>
    <!--Refer scripts and styles from CDN-->
    <script
      src="https://cdn.syncfusion.com/ej2/20.4.48/20.2.48/dist/ej2.min.js"
      type="text/javascript">
    </script>
    <link
      href="https://cdn.syncfusion.com/ej2/20.4.48/20.2.48/material.css"
      rel="stylesheet"/>
    <link
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      rel="stylesheet"/>
    <style>
      body {
        touch-action: none;
      }
    </style>
  </head>
  <body>
      <div class="control-section">
        <div class="content-wrapper">
          <!--Add the PDF Viewer-->
          <div id="pdfViewer" style="height: 640px; width: 100%"></div>
        </div>
      </div>
      <script>
        var viewer = new ej.pdfviewer.PdfViewer({
        //Sets the document path for initial loading
        documentPath: 'PDF_Succinctly.pdf',
        serviceUrl:'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer',
});
//Inject the dependencies required to render the PDF Viewer
ej.pdfviewer.PdfViewer.Inject(
  ej.pdfviewer.Toolbar,
  ej.pdfviewer.Magnification,
  ej.pdfviewer.BookmarkView,
  ej.pdfviewer.ThumbnailView,
  ej.pdfviewer.TextSelection,
  ej.pdfviewer.TextSearch,
  ej.pdfviewer.Print,
  ej.pdfviewer.Navigation,
  ej.pdfviewer.LinkAnnotation,
  ej.pdfviewer.Annotation,
  ej.pdfviewer.FormFields,
  ej.pdfviewer.FormDesigner
);
viewer.appendTo('#pdfViewer');
      </script>
  </body>
</html>