Question

我有一个div，它的绝对位置与它的父亲相对定位如下：

<div class="panoramic-go-right"></div>

.panoramic-go-right {
  background-color: blue;
  height: 100px;
  width: 100px;
  margin-top: -50px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1000;
}

我正在为它的touchstart事件添加代码以及它的父代，如下所示：

$('.panoramic-go-right').parent()[0].addEventListener("touchstart", function (e) {
    alert('c');
    e.stopPropagation();
    e.preventDefault();
    return false;
});
$('.panoramic-go-right')[0].addEventListener("touchstart", function (e) {
    alert('d');
    e.stopPropagation();
    e.preventDefault();
    return false;
});

问题是当我触摸运行iOS 7.1.2（Chrome和Safari）的iPhone 4上的元素时，会显示“c”。

在物理Android手机（Chrome），运行iOS 9.2（Safari）和物理iPhone 6+（Safari）的模拟iPhone 4上，代码正常工作并显示“d”。

有人可以帮我解释为什么iPhone 4（iOS 7.1.2）将触摸发送给父母而不是孩子。谢谢！

ios javascript touchstart事件没有解雇

0 个答案: