Javascript 在移动视图（屏幕大小）中，我可以'；不要扩展我的导航元素

大家好，我正在努力使用这个功能，它扩展了移动视图中的导航元素“分割训练”和“治疗”（本例中window.innerWidth<960）

gitHub：

当屏幕尺寸小于960时，负责禁用扩展导航元素的功能，我们用鼠标指向这些元素。 当屏幕小于960时，我想通过单击导航元素来扩展它们，而不是用鼠标指向。 当我点击它时，它会扩展元素，但当我将鼠标从这个元素上移开时，整个扩展列表就会消失

我想让onMouseLeave函数在导航元素被单击并扩展后停止工作。然后我就可以点击列表中的一个元素了。 我怎样才能让它工作

功能位于组件导航栏中：

`const onmouseinter=（）=>{ 如果（window.innerWidth<960）{ 设置下拉列表（错误） }否则{ 设置下拉列表（真） } }

const onMouseLeave=（）=>{ 如果（window.innerWidth<960）{ 设置下拉列表（错误） }否则{ 设置下拉列表（错误） } }`

扩展元素的函数

constextendtreatments=（）=>{setMouseWorks（！mouseWorks）；dropdownFB？setDropdownFB（false）：setDropdownFB（true）；}

请：