如何从taborder中删除svg元素?

时间:2016-07-17 21:47:12

标签: javascript html css svg

在以下plunkr

我按顺序从上到下列出了3个div。

问题

在Firefox中:当我选中每个div时,它会在每次按键后执行。这是我想要看到的预期行为: *

  1. 点击标签:虚线围绕div1

  2. 点击标签:虚线在div2附近

  3. 点击标签:虚线围绕div3

  4. 然而,

    Internet Explorer 中,Tab键需要2个按键才能移动到下一个div。看起来好像浏览器想要停在'svg'元素:

    1. 点击标签:虚线围绕div1

    2. 点击标签:没有虚线但活动元素现在在svg元素上

    3. 点击标签:虚线在div2 *

    4. 附近

      我的问题是如何绕过IE浏览器停止在标签顺序中的'svg'元素上,以便它的行为与我在Firefox中报告的方式相同?

      您可以使用以下控制台日志监控行为:

      $(document).keydown(function(event){
          if (event.keyCode === 9) {
            console.log(document.activeElement);
          }
        })
      

0 个答案:

没有答案