what-input icon indicating copy to clipboard operation
what-input copied to clipboard

Bug for `whatInput.ask()` when leaving browser window

Open babaric-dev opened this issue 1 year ago • 0 comments

<!DOCTYPE html>
    <html>
        <head>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/what-input/5.2.12/what-input.min.js"></script>
            <title>Testing</title>
    </head>
    <body>
        <label for="textbox">Type here: </label>
        <input name="textbox" id="textbox">
        <p id="inputtype"></p>
        <script>
            const textbox = document.getElementById("textbox");
            const inputtype = document.getElementById("inputtype");
            textbox.addEventListener("input", () => {
                inputtype.innerText = "input: " + whatInput.ask();
            });
            textbox.addEventListener("blur", () => {
                inputtype.innerText = "blur: " + whatInput.ask();
            });
        </script>
    </body>
</html>

Paste the code above into a file and then open it in a browser. Also open another window (doesn't matter what) side by side. Focus to the textbox, type something and then unfocus the browser window. It shows the blur event is triggered, which is indeed correct. But whatInput.ask() should return mouse instead of keyboard.

babaric-dev avatar Jul 29 '23 12:07 babaric-dev