WebUI: use native event listeners for keyboard events

PR #21924.

src/webui/www/private/addpeers.html

@@ -12,21 +12,16 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const hash = new URI().getData("hash");
             if (!hash)
                 return;

src/webui/www/private/addtrackers.html

@@ -13,19 +13,14 @@
         "use strict";
 
         window.addEventListener("DOMContentLoaded", () => {
-            new Keyboard({
+            window.addEventListener("keydown", (event) => {
-                defaultEventType: "keydown",
+                switch (event.key) {
-                events: {
+                    case "Escape":
-                    "Escape": function(event) {
-                        window.parent.qBittorrent.Client.closeFrameWindow(window);
                         event.preventDefault();
-                    },
-                    "Esc": function(event) {
                         window.parent.qBittorrent.Client.closeFrameWindow(window);
-                        event.preventDefault();
+                        break;
-                    }
                 }
-            }).activate();
+            });
 
             $("trackersUrls").focus();
             $("addTrackersButton").addEventListener("click", (e) => {

src/webui/www/private/addwebseeds.html

@@ -13,22 +13,17 @@
         "use strict";
 
         window.addEventListener("DOMContentLoaded", () => {
-            new Keyboard({
+            window.addEventListener("keydown", (event) => {
-                defaultEventType: "keydown",
+                switch (event.key) {
-                events: {
+                    case "Escape":
-                    "Escape": function(event) {
-                        window.parent.qBittorrent.Client.closeFrameWindow(window);
                         event.preventDefault();
-                    },
-                    "Esc": function(event) {
                         window.parent.qBittorrent.Client.closeFrameWindow(window);
-                        event.preventDefault();
+                        break;
-                    }
                 }
-            }).activate();
+            });
 
             $("urls").focus();
-            $("addWebSeedsButton").addEvent("click", (e) => {
+            $("addWebSeedsButton").addEventListener("click", (e) => {
                 e.stopPropagation();
                 const hash = new URI().getData("hash");
                 new Request({

src/webui/www/private/confirmtrackerdeletion.html

@@ -18,11 +18,11 @@
             $("confirmDeleteTrackerText").textContent = "QBT_TR(Are you sure you want to remove tracker %1 from all torrents?)QBT_TR[CONTEXT=TrackersFilterWidget]".replace("%1", `"${host}"`);
 
             $("cancelBtn").focus();
-            $("cancelBtn").addEvent("click", (e) => {
+            $("cancelBtn").addEventListener("click", (e) => {
                 e.stopPropagation();
                 window.parent.qBittorrent.Client.closeFrameWindow(window);
             });
-            $("confirmBtn").addEvent("click", (e) => {
+            $("confirmBtn").addEventListener("click", (e) => {
                 e.stopPropagation();
                 const cmd = "api/v2/torrents/removeTrackers";
                 new Request({

src/webui/www/private/downloadlimit.html

@@ -33,6 +33,19 @@
     <script>
         "use strict";
 
+        window.addEventListener("keydown", (event) => {
+            switch (event.key) {
+                case "Enter":
+                    event.preventDefault();
+                    $("applyButton").click();
+                    break;
+                case "Escape":
+                    event.preventDefault();
+                    window.parent.qBittorrent.Client.closeFrameWindow(window);
+                    break;
+            }
+        });
+
         const hashes = new URI().getData("hashes").split("|");
         const setDlLimit = () => {
             const limit = Number($("dllimitUpdatevalue").value) * 1024;
@@ -64,24 +77,6 @@
             }
         };
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("applyButton").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         $("dllimitUpdatevalue").focus();
 
         MochaUI.addDlLimitSlider(hashes);

src/webui/www/private/editfeedurl.html

@@ -13,25 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": (event) => {
-                    event.preventDefault();
-                    $("submitButton").click();
-                },
-                "Escape": (event) => {
-                    event.preventDefault();
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                },
-                "Esc": (event) => {
-                    event.preventDefault();
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("submitButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const currentUrl = new URI().getData("url");
 
             $("url").value = currentUrl;

src/webui/www/private/edittracker.html

@@ -13,23 +13,18 @@
         "use strict";
 
         window.addEventListener("DOMContentLoaded", () => {
-            new Keyboard({
+            window.addEventListener("keydown", (event) => {
-                defaultEventType: "keydown",
+                switch (event.key) {
-                events: {
+                    case "Enter":
-                    "Enter": function(event) {
+                        event.preventDefault();
                         $("editTrackerButton").click();
+                        break;
+                    case "Escape":
                         event.preventDefault();
-                    },
-                    "Escape": function(event) {
                         window.parent.qBittorrent.Client.closeFrameWindow(window);
-                        event.preventDefault();
+                        break;
-                    },
-                    "Esc": function(event) {
-                        window.parent.qBittorrent.Client.closeFrameWindow(window);
-                        event.preventDefault();
-                    }
                 }
-            }).activate();
+            });
 
             const currentUrl = new URI().getData("url");
             if (!currentUrl)

src/webui/www/private/editwebseed.html

@@ -13,29 +13,24 @@
         "use strict";
 
         window.addEventListener("DOMContentLoaded", () => {
-            new Keyboard({
+            window.addEventListener("keydown", (event) => {
-                defaultEventType: "keydown",
+                switch (event.key) {
-                events: {
+                    case "Enter":
-                    "Enter": function(event) {
+                        event.preventDefault();
                         $("editWebSeedButton").click();
+                        break;
+                    case "Escape":
                         event.preventDefault();
-                    },
-                    "Escape": function(event) {
                         window.parent.qBittorrent.Client.closeFrameWindow(window);
-                        event.preventDefault();
+                        break;
-                    },
-                    "Esc": function(event) {
-                        window.parent.qBittorrent.Client.closeFrameWindow(window);
-                        event.preventDefault();
-                    }
                 }
-            }).activate();
+            });
 
             const origUrl = new URI().getData("url");
             $("url").value = decodeURIComponent(origUrl);
             $("url").focus();
 
-            $("editWebSeedButton").addEvent("click", (e) => {
+            $("editWebSeedButton").addEventListener("click", (e) => {
                 e.stopPropagation();
                 const hash = new URI().getData("hash");
                 new Request({

src/webui/www/private/newcategory.html

@@ -14,25 +14,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("categoryNameButton").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("categoryNameButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const uriAction = window.qBittorrent.Misc.safeTrim(new URI().getData("action"));
             const uriHashes = window.qBittorrent.Misc.safeTrim(new URI().getData("hashes"));
             const uriCategoryName = window.qBittorrent.Misc.safeTrim(new URI().getData("categoryName"));

src/webui/www/private/newfeed.html

@@ -13,24 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": (event) => {
-                    $("submitButton").click();
-                    event.preventDefault();
-                },
-                "Escape": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("submitButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             $("feedURL").focus();
             const path = new URI().getData("path");
             $("submitButton").addEventListener("click", (e) => {

src/webui/www/private/newfolder.html

@@ -14,24 +14,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": (event) => {
-                    $("submitButton").click();
-                    event.preventDefault();
-                },
-                "Escape": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("submitButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             $("folderName").focus();
             const path = new URI().getData("path");
             $("submitButton").addEventListener("click", (e) => {

src/webui/www/private/newrule.html

@@ -13,24 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": (event) => {
-                    $("submitButton").click();
-                    event.preventDefault();
-                },
-                "Escape": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("submitButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             $("name").focus();
             $("submitButton").addEventListener("click", (e) => {
                 e.preventDefault();

src/webui/www/private/newtag.html

@@ -13,25 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("tagNameButton").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("tagNameButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const uriAction = window.qBittorrent.Misc.safeTrim(new URI().getData("action"));
             const uriHashes = window.qBittorrent.Misc.safeTrim(new URI().getData("hashes"));
 

src/webui/www/private/rename.html

@@ -13,25 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("renameButton").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("renameButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const name = new URI().getData("name");
             // set text field to current value
             if (name)

src/webui/www/private/rename_feed.html

@@ -13,24 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": (event) => {
-                    $("renameButton").click();
-                    event.preventDefault();
-                },
-                "Escape": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("renameButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const oldPath = new URI().getData("oldPath");
 
             $("rename").value = oldPath;

src/webui/www/private/rename_file.html

@@ -14,25 +14,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("renameButton").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("renameButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const hash = new URI().getData("hash");
             const oldPath = new URI().getData("path");
             const isFolder = ((new URI().getData("isFolder")) === "true");

src/webui/www/private/rename_files.html

@@ -61,7 +61,7 @@
 
             // Register keyboard events to modal window
             // https://github.com/qbittorrent/qBittorrent/pull/18687#discussion_r1135045726
-            const keyboard = new Keyboard({
+            new Keyboard({
                 defaultEventType: "keydown",
                 events: {
                     "Escape": function(event) {
@@ -73,8 +73,7 @@
                         event.preventDefault();
                     }
                 }
-            });
+            }).activate();
-            keyboard.activate();
 
             const fileRenamer = new window.qBittorrent.MultiRename.RenameFiles();
             fileRenamer.hash = data.hash;

src/webui/www/private/rename_rule.html

@@ -13,24 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": (event) => {
-                    $("renameButton").click();
-                    event.preventDefault();
-                },
-                "Escape": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": (event) => {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("renameButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const oldName = new URI().getData("rule");
 
             $("rename").value = oldName;

src/webui/www/private/scripts/client.js

@@ -1728,35 +1728,30 @@ window.addEventListener("DOMContentLoaded", () => {
     };
     registerDragAndDrop();
 
-    new Keyboard({
+    window.addEventListener("keydown", (event) => {
-        defaultEventType: "keydown",
+        switch (event.key) {
-        events: {
+            case "a":
-            "ctrl+a": function(event) {
+            case "A":
+                if (event.ctrlKey) {
+                    if ((event.target.nodeName === "INPUT") || (event.target.nodeName === "TEXTAREA"))
+                        return;
+                    if (event.target.isContentEditable)
+                        return;
+                    event.preventDefault();
+                    torrentsTable.selectAll();
+                }
+                break;
+
+            case "Delete":
                 if ((event.target.nodeName === "INPUT") || (event.target.nodeName === "TEXTAREA"))
                     return;
                 if (event.target.isContentEditable)
                     return;
-                torrentsTable.selectAll();
                 event.preventDefault();
-            },
+                deleteSelectedTorrentsFN(event.shiftKey);
-            "delete": function(event) {
+                break;
-                if ((event.target.nodeName === "INPUT") || (event.target.nodeName === "TEXTAREA"))
-                    return;
-                if (event.target.isContentEditable)
-                    return;
-                deleteSelectedTorrentsFN();
-                event.preventDefault();
-            },
-            "shift+delete": (event) => {
-                if ((event.target.nodeName === "INPUT") || (event.target.nodeName === "TEXTAREA"))
-                    return;
-                if (event.target.isContentEditable)
-                    return;
-                deleteSelectedTorrentsFN(true);
-                event.preventDefault();
-            }
         }
-    }).activate();
+    });
 
     new ClipboardJS(".copyToClipboard", {
         text: (trigger) => {

src/webui/www/private/scripts/search.js

@@ -139,28 +139,25 @@ window.qBittorrent.Search ??= (() => {
             }, window.qBittorrent.Misc.FILTER_INPUT_DELAY);
         });
 
-        new Keyboard({
+        document.getElementById("SearchPanel").addEventListener("keydown", (event) => {
-            defaultEventType: "keydown",
+            switch (event.key) {
-            events: {
+                case "Enter": {
-                "Enter": function(e) {
+                    event.preventDefault();
-                    // accept enter key as a click
+                    event.stopPropagation();
-                    e.preventDefault();
-                    e.stopPropagation();
 
-                    const elem = e.event.srcElement;
+                    switch (event.target.id) {
-                    if (elem.className.contains("searchInputField")) {
-                        document.getElementById("startSearchButton").click();
-                        return;
-                    }
-
-                    switch (elem.id) {
                         case "manageSearchPlugins":
                             manageSearchPlugins();
                             break;
+                        case "searchPattern":
+                            document.getElementById("startSearchButton").click();
+                            break;
                     }
+
+                    break;
                 }
             }
-        }).activate();
+        });
 
         // restore search tabs
         const searchJobs = JSON.parse(LocalPreferences.get("search_jobs", "[]"));

src/webui/www/private/setlocation.html

@@ -13,25 +13,20 @@
     <script>
         "use strict";
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("setLocationButton").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("setLocationButton").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const path = new URI().getData("path");
 
             // set text field to current value

src/webui/www/private/shareratio.html

@@ -16,25 +16,20 @@
         const UseGlobalLimit = -2;
         const NoLimit = -1;
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("save").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         window.addEventListener("DOMContentLoaded", () => {
+            window.addEventListener("keydown", (event) => {
+                switch (event.key) {
+                    case "Enter":
+                        event.preventDefault();
+                        $("save").click();
+                        break;
+                    case "Escape":
+                        event.preventDefault();
+                        window.parent.qBittorrent.Client.closeFrameWindow(window);
+                        break;
+                }
+            });
+
             const hashesList = new URI().getData("hashes").split("|");
             const origValues = new URI().getData("orig").split("|");
 

src/webui/www/private/uploadlimit.html

@@ -33,6 +33,19 @@
     <script>
         "use strict";
 
+        window.addEventListener("keydown", (event) => {
+            switch (event.key) {
+                case "Enter":
+                    event.preventDefault();
+                    $("applyButton").click();
+                    break;
+                case "Escape":
+                    event.preventDefault();
+                    window.parent.qBittorrent.Client.closeFrameWindow(window);
+                    break;
+            }
+        });
+
         const hashes = new URI().getData("hashes").split("|");
         const setUpLimit = () => {
             const limit = Number($("uplimitUpdatevalue").value) * 1024;
@@ -64,24 +77,6 @@
             }
         };
 
-        new Keyboard({
-            defaultEventType: "keydown",
-            events: {
-                "Enter": function(event) {
-                    $("applyButton").click();
-                    event.preventDefault();
-                },
-                "Escape": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                },
-                "Esc": function(event) {
-                    window.parent.qBittorrent.Client.closeFrameWindow(window);
-                    event.preventDefault();
-                }
-            }
-        }).activate();
-
         $("uplimitUpdatevalue").focus();
 
         MochaUI.addUpLimitSlider(hashes);

src/webui/www/private/views/installsearchplugin.html

@@ -38,22 +38,28 @@
         };
 
         const setup = () => {
-            new Keyboard({
+            const windowEl = document.getElementById("installSearchPlugin");
-                defaultEventType: "keydown",
-                events: {
-                    "Enter": function(e) {
-                        // accept enter key as a click
-                        e.preventDefault();
-                        e.stopPropagation();
 
-                        const elem = e.event.srcElement;
+            windowEl.addEventListener("keydown", (event) => {
-                        if ((elem.id === "newPluginPath") || (elem.id === "newPluginOk"))
+                switch (event.key) {
-                            newPluginOk();
+                    case "Enter":
-                        else if (elem.id === "newPluginCancel")
+                        // accept enter key as a click
-                            window.qBittorrent.Client.closeWindow(document.getElementById("installSearchPlugin"));
+                        event.preventDefault();
-                    }
+                        event.stopPropagation();
+
+                        switch (event.target.id) {
+                            case "newPluginCancel":
+                                window.qBittorrent.Client.closeWindow(windowEl);
+                                break;
+                            case "newPluginOk":
+                            case "newPluginPath":
+                                newPluginOk();
+                                break;
+                        }
+
+                        break;
                 }
-            }).activate();
+            });
 
             $("newPluginPath").select();
         };