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

Question

出于可访问性的原因，当有人用键盘聚焦元素或使用鼠标单击它时，我需要切换Class。目前，它需要 2 次单击才能第一次切换类。似乎当我单击时，焦点正在否定单击，因此切换类触发两次。实现此目的的正确方法是什么？任何信息不胜感激！

<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

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