jQuery刪除和添加類不適用於iPhone

Question

我有2個div。 一個是標簽div，另一個是輸入div。 當我切換標簽div時，輸入div在切換。 我還要通過單擊屏幕上的任意位置來關閉輸入div。 一切正常，但在iPhone上沒有任何效果。

. yoket {
  display: none;
}

$(document).mouseup(function(e) {
  var label = $("#semt");
  var container1 = $("#semt1");

  if (label.has(e.target).length === 1) {
    if (container1.hasClass("yoket")) {
      container1.removeClass("yoket");
    } else if (!container1.hasClass("yoket")) {
      container1.addClass("yoket");
    }
  } else if (container1.has(e.target).length === 0) {
    container1.addClass("yoket");
  }
});

Answer 1

它不適用於移動設備（或任何基於觸摸的設備）的原因是未觸發mouseup事件，請切換到它的click和/或touchend事件。 理想情況下，這應該可行。

$(document).bind("mouseup touchend",function(e) {
  var label = $("#semt");
  var container1 = $("#semt1");

  if (label.has(e.target).length === 1) {
    if (container1.hasClass("yoket")) {
      container1.removeClass("yoket");
    } else if (!container1.hasClass("yoket")) {
      container1.addClass("yoket");
    }
  } else if (container1.has(e.target).length === 0) {
    container1.addClass("yoket");
  }
});

希望這可以幫助！