<div>上的Click事件未在Firefox上触发，但在Chrome上触发

Question

我在div feedbackInput上有一个点击事件

<div id="feedbackInput" class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text mr-2"><i class="fas fa-bullhorn"></i></span>
      </div>
      <input disabled class="form-control feedback-input" placeholder="Feedback about this page?" style="">
</div>

我添加了如下点击事件：

$("#feedbackInput").click(function(e) {
    console.log("clicked")
});

我在Chrome上进行了测试，效果很好，我似乎无法弄清为什么这个简单的代码在FireFox上不起作用。

如果可能的话，我想避免在HTML元素上使用onclick()。

有人知道为什么这在Firefox上不起作用吗？

Answer 1

FireFox仅接受click上的disabled input事件

但是<div class="input-group-prepend">正常工作

改为使用READONLY