Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript onfocus在Firefox中不工作(触发)_Javascript_Html_Firefox_Svg_Cross Browser - Fatal编程技术网

Javascript onfocus在Firefox中不工作(触发)

Javascript onfocus在Firefox中不工作(触发),javascript,html,firefox,svg,cross-browser,Javascript,Html,Firefox,Svg,Cross Browser,使用此HTML: <svg width="100" height="100"> <circle id="circle" cx="50" cy="50" r="50"></circle> </svg> 然后在Chrome和Edge中,单击(或以其他方式聚焦)圆圈将“聚焦”记录到控制台。然而,在Firefox中什么都没有发生 用密码 是什么导致此问题以及如何纠正此问题?在需要触发焦点的元素中添加一个tabindex <svg width="

使用此HTML:

<svg width="100" height="100">
  <circle id="circle" cx="50" cy="50" r="50"></circle>
</svg>
然后在Chrome和Edge中,单击(或以其他方式聚焦)圆圈将“聚焦”记录到控制台。然而,在Firefox中什么都没有发生

用密码


是什么导致此问题以及如何纠正此问题?

在需要触发焦点的元素中添加一个tabindex

<svg width="100" height="100">
  <circle tabindex="0" id="circle" cx="50" cy="50" r="50"></circle>
</svg>
<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");
}