使用jQuery在单击或焦点上触发事件的正确方法是什么？

Question

由于可访问性的原因，当有人用键盘或鼠标单击某个元素时，我需要toggleClass。目前，它需要2次点击toggleClass第一次。当我单击时，焦点似乎是否定了单击，因此toggleClass触发了两次。实现这一目标的正确方法是什么？任何信息都将不胜感激！

<script type='text/javascript'>
( function($) {
jQuery(document).ready(function($) {    
    // Main nav show/hide
    $("#mobile-nav-link").on("focus click", function(e) {
        $( '.mobile-nav, #main-container' ).toggleClass('position-2');
    });
}); 
} ) ( jQuery );
</script>

Answer 1

我不认为用户会期望一个汉堡包菜单打开焦点。更常见的行为是允许汉堡包菜单在进入时打开/关闭，同时专注。