-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwheelzoom.js
44 lines (39 loc) · 1.23 KB
/
wheelzoom.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
function enableWheelZoom(pdfViewer, zoomInButton, zoomOutButton)
{
// Connect wheel zoom to zoom buttons
pdfViewer.addEventListener("wheel", event =>
{
if (event.ctrlKey)
{
// Do not zoom the page
event.preventDefault();
if(event.deltaY < 0)
{
zoomInButton.click();
}
else
{
zoomOutButton.click();
}
}
});
}
const observer = new MutationObserver((mutations, mutationInstance) =>
{
// Look for the elements in the document
const pdfViewer = document.querySelector("div.pdfViewer");
const zoomInIcon = document.querySelector("i.fa-search-plus");
const zoomOutIcon = document.querySelector("i.fa-search-minus");
// If the elements are loaded
if (pdfViewer && zoomInIcon && zoomOutIcon )
{
mutationInstance.disconnect();
const zoomInButton = zoomInIcon.closest("button");
const zoomOutButton = zoomOutIcon.closest("button");
enableWheelZoom(pdfViewer, zoomInButton, zoomOutButton);
}
});
// Changes to observe
const config = {childList: true, subtree: true};
// Watch document changes
observer.observe(document, config);