Question

在单击表单外部时，我使用以下内容隐藏div和ovelay div。

以下javascript是：

$(document).mouseup(function (e)
{
  var container = $("#feedbackform");
  var overlay = $("#overlay");

  if (!container.is(e.target) // if the target of the click isn't the container...
    && container.has(e.target).length === 0) // ... nor a descendant of the container
  {
    $('#feedbackform').fadeOut('fast'),
    $('#overlay').fadeOut('fast');
  }
});

这适用于桌面，但不适用于触控移动设备。

我猜它与mouseup有关，有什么建议吗？

克雷格。

Answer 1

经典活动在移动设备上的工作方式完全相同（除了某些活动，例如点击＆＃39;这是完全相同的）。

现在您有一些名为touch events的移动特定事件：https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Touch_events

所以touchend可能就是你想要使用的那个：

$(document).on('mouseup touchend', function (e){

[...]

});

鼠标向上 - 在Div之外点击不在手机上工作

1 个答案: