从画布上移除焦点答案

【问题标题】：Remove focus from canvas从画布上移除焦点
【发布时间】：2023-03-18 07:35:01
【问题描述】：

如何从画布上移除焦点并将其提供给 HTML 中的输入字段？目前，即使我正在积极单击 HTML 文本输入，画布仍保持焦点。因此，实际上甚至无法在其中写入内容。

理想情况下，当我的鼠标在它所在的 div 之外时，它会失去焦点。

【问题讨论】：

你能分享一些代码吗？你有一个显示这个特殊问题的小提琴（www.jsfiddle.com）吗？
我有很多代码，不知道该发布什么。我将 requestAnimationFrame 用于主要功能。
您的 HTML 文本输入是否可能包含在 <canvas> 标记内？如果是这样，请将它们移出它。
不，事实并非如此。我将发布相关的 HTML 部分。
是您在减少代码时犯了一个错误，还是在最后一个 -tag 的末尾缺少一个´>`，在 value="" 之后？

标签： javascript html canvas focus html-input

【解决方案1】：

解决方案：

在我的 IO.js 文件中有这个...

document.addEventListener('mousedown', function(event)
{   
    event.preventDefault(); // This prevented focus on the input fields..
    // Mouse button clicked
    switch (event.which)
    {
        case 1:
            // Left Mouse button pressed.
            mouse.left = true;
            break;
        case 2:
            // Middle Mouse button pressed.
            mouse.middle = true;
            break;
        case 3:
            // Right Mouse button pressed.
            mouse.right = true;
            break;
    }

});

真是愚蠢的问题，很抱歉打扰你。

【讨论】：