如何在禁用输入字段顶部的div上触发事件

Question

我一直在使用离子角度框架在移动网页底部创建评论列表和评论输入框。我正在尝试设置一个函数，这样如果用户点击评论框或按钮，它会在让他们评论/继续之前抛出一个登录模式。我最初最终禁用了输入，因此它没有调出隐藏/推送我的模态登录视图的键盘。

我遇到的问题是可点击区域似乎是整个div和按钮，除了输入文本区域（大部分命中区域）。当输入被禁用时，如何让它在输入文本命中区域上执行checkAuth ...或者相反，如果我将checkauth移动到输入onclick事件，我如何启用输入而不是让它调出键盘

  <div class="bar bar-footer item-input-inset" style="position:fixed; " ng-click="checkAuth()">
    <label class="item-input-wrapper">
      <input type="text" placeholder="comment" ng-disabled="true">
    </label>
    <button class="button button-small" ng-disabled="true">
      Submit
    </button>
  </div>

Answer 1

除非您需要支持IE 10及更早版本，否则您可以尝试在输入被禁用时设置pointer-events: none。