Событие щелчка в не срабатывает в Firefox, но срабатывает в Chrome

#jquery #html #bootstrap-4

#jquery #HTML #bootstrap-4

Вопрос:

У меня есть событие щелчка в 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.

Если возможно, я хочу избежать использования onclick() в элементе HTML.

Кто-нибудь знает, почему это не работает в Firefox?

1. Это должно сработать. Проблема в чем-то другом. Что говорит консоль?

2. Вы импортировали jQuery?

3. Да, у меня тоже все отлично сработало. Возможно, вы не импортировали jQuery, как сказал Джек.

Ответ №1:

FireFox не будет принимать click событие только в disabled input

но <div class="input-group-prepend"> работает нормально

Вместо этого используйте ТОЛЬКО для ЧТЕНИЯ

1. Хороший вызов, в итоге я просто превратил кнопку в div, <div class="form-control feedback-input" style="">Feedback about this page?</div> проблема заключалась в том, что ввод был отключен. Ссылка для всех в будущем: developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute /…