如何使下拉菜单切换在鼠标和触摸设备上工作？

触摸设备的文档 .click 函数

为了在触摸设备上切换下拉菜单，我们可以使用 .on( ) 事件处理程序来侦听文档上的单击和触摸事件。更新后的代码：

$(document).on('click touchstart', function() {

  if ( $(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }

});

这就是为什么它有效：

单击事件：
单击事件通常由鼠标单击触发，但现代浏览器在触摸屏上点击也会触发此事件。

touchstart事件：
触摸元素后立即触发 touchstart 事件，确保即使在可能不支持触摸输入的标准单击事件的设备上也能触发该功能。

通过使用.on() 事件处理程序具有“click”和“touchstart”事件，我们确保无论输入方法如何（鼠标单击或触摸），该函数都会执行。这允许用户在桌面和触摸设备上一致地切换下拉菜单。

以上是如何使下拉菜单切换在鼠标和触摸设备上工作？的详细内容。更多信息请关注PHP中文网其他相关文章！