Angular 离子2/角度2：交叉单击触发2个事件：打开按钮及其后面的元素

在移动设备上使用Angular 2和ionic 2，我有一个bug，我找不到任何类似的问题，所以我需要你的帮助

我在上面有一个文本区域和一个输入，当我点击输入时，键盘上出现了一个绝对块。在这个块中有一个按钮close，当我点击它时，它触发hide方法来编程我关闭键盘，这很好，但在那之后，键盘的焦点出现在textarea。关闭按钮位于文本区域上方

似乎点击“关闭”按钮会穿过它，同时也会点击文本区域

在图像上是红色按钮。当我点击它的时候，键盘关闭，后面的文本区域就是焦点，有人知道为什么吗

谢谢

编辑：

关闭按钮代码：

  public hide(){
      Keyboard.close();
  }

块的Html：

<ion-grid class="keyboard-accessory">
     <ion-row>
       <ion-col width-80>
         <button ion-button tappable clear class="cancel" (tap)="hide()"> <ion-icon ios="ios-close" md="md-close"></ion-icon></button>
         <input id="keyboardInput" #keyboardInput [(ngModel)]="text" (ngModelChange)="changeInputValue()" type="text"/>
         <p id="keyboardTitle"></p>
       </ion-col>
       <ion-col width-20>
         <button ion-button clear class="accept" (click)="validate()">Validate</button>
       </ion-col>
     </ion-row>
    </ion-grid>

我忘了说块在ion页脚内，而textarea在ion内容中，所以没有冒泡效果。

---

使用stopPropagation或preventDefault不起作用。

您可以使用css减小文本区域的大小，或者 使用自动调整大小

---

npm install ionic2 autosize.

你能添加关闭按钮的代码和htmlhave你试过stoppropagation吗？是的，我试过了，但正如我所说，这不是冒泡效应，它们不在同一个DOM树中，因此不起作用。这可能是解决方案，但我仍然不明白为什么1次点击激活2个事件