Javascript 如何禁用元素上的单击？

我已经在

.parent_2

上实现了单击事件，但当我单击它时，它在iPAD上不起作用

请帮忙

HTML：

<div class="parent_1">
   <div class="parent_2">
      <svg></svg>
   </div>
</div>

.parent_1 {
   position: absolute;
   top: 16px;
   bottom: 0;
   z-index: 3;
   overflow: hidden;
   width: 320px;
   border-radius: 0 0 0 3px;
   -webkit-transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
}
.parent_2 {
   position: absolute;
   top: 7px;
   right: 7px;
   z-index: 3;
   display: block;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: #fff;
}

svg {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    pointer-events: none;
}

---

@维维克库帕迪亚：干得好。我正在努力格式化代码。：-）它可以在任何地方工作，除了iPadj并不重要，因为它可以在PC和android平板电脑上工作。我认为这是一个css问题。我知道

指针事件：none

在旧的Safari（5.1）中不起作用。不确定这是否适用于Safari的新版本……这是Safari，对吗？那么也许他们还没有修复它-@vivekkupadhaya:干得好。我正在努力格式化代码。：-）它可以在任何地方工作，除了iPadj并不重要，因为它可以在PC和android平板电脑上工作。我认为这是一个css问题。我知道

指针事件：none

在旧的Safari（5.1）中不起作用。不确定这是否适用于Safari的新版本……这是Safari，对吗？那么也许他们还没有修复它-