如何在输入字段以外的元素上触发聚焦

我正试图在ul元素上触发focusout事件：

// HTML
<nav>
  <ul _v-2e9e2f12="">
    <li _v-2e9e2f12="">
      <a _v-2e9e2f12="">
      </a>
      <ul _v-0078ee36="" _v-2e9e2f12="">
        <li>List element</li>
        <li>List element</li>
        <li>List element</li>
      </ul>
    </li>
  </ul>
</nav>
// JS
$(document).ready(function() {
  $("a").click(function(ev) {
    var $icon = $(ev.currentTarget)
    var $menu = $icon.next()
    $menu.focus()
    console.log('Focus triggered!')
  });
  $("ul[_v-0078ee36]").focusout(function() {
    console.log('Focusout triggered!')
  });
})

但是.focusout从未被触发。

正确的做法是什么？

这是JSFiddle。