onfocus在Firefox中无法工作（触发）

Question

使用此HTML：

document.getElementById("circle").onfocus = function(){
    console.log("focused");
}

以及以下JS：

lock = threading.RLock()
...
with lock:
    # fd stuff

然后在Chrome和Edge中，点击（或以其他方式关注）圈子日志“聚焦”到控制台。但是，在Firefox中没有任何事情发生。

带代码的

This is the code part what I am interested in。

导致此问题的原因是什么以及如何纠正？

Answer 1

将tabindex添加到需要触发焦点的元素

<svg width="100" height="100">
  <circle tabindex="0" id="circle" cx="50" cy="50" r="50"></circle>
</svg>

然后

document.getElementById("circle").onfocus = function(){
    console.log("focused");
}