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

Question

我一直在使用 ionic 的 angular 框架在移动网页底部创建评论列表和评论输入框。我正在尝试设置一个功能，以便如果用户单击评论框或按钮，它会在让他们评论/继续之前抛出一个登录模式。我最终禁用了输入，这样它就不会显示隐藏/推送我的模式登录视图的键盘。

我遇到的问题是可点击区域似乎是整个 div 和按钮，除了输入文本区域（这是大部分点击区域）。当输入被禁用时，如何让它在输入文本点击区域上执行 checkAuth... .

  <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。