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

Question

出于可访问性原因，当有人使用键盘聚焦某个元素或使用鼠标单击它时，我需要切换类。目前第一次需要 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

我认为用户不会期望在焦点打开时打开汉堡菜单。更常见的行为是在聚焦时允许汉堡菜单在输入时打开/关闭。