HTML jQuery () в Firefox (использует .innerHTML) игнорирует изменения DOM

Теперь возможно поставить небольшое количество UMD или пакетов FESM, один для каждого небольшого количества импорта (rxjs, rxjs/operators, и т.д.).

, Например:

import { Observable, Subject, ReplaySubject, from, of, range } from 'rxjs';
import { map, filter, switchMap } from 'rxjs/operators';
21
задан JonoW 7 September 2009 в 11:26
поделиться

3 ответа

Firefox не обновляет значение значения атрибута объекта DOM на основе пользовательский ввод, только его значение свойство - существует довольно быстрое решение.

DOM:

function DisplayTextBoxValue(){
  var element = document.getElementById('textbox');
  // set the attribute on the DOM Element by hand - will update the innerHTML
  element.setAttribute('value', element.value);
  alert(document.getElementById("container").innerHTML);             
  return false;
}

плагин jQuery, который заставляет .formhtml () автоматически делать это:

(function($) {
  var oldHTML = $.fn.html;

  $.fn.formhtml = function() {
    if (arguments.length) return oldHTML.apply(this,arguments);
    $("input,button", this).each(function() {
      this.setAttribute('value',this.value);
    });
    $("textarea", this).each(function() {
      // updated - thanks Raja & Dr. Fred!
      $(this).text(this.value);
    });
    $("input:radio,input:checkbox", this).each(function() {
      // im not really even sure you need to do this for "checked"
      // but what the heck, better safe than sorry
      if (this.checked) this.setAttribute('checked', 'checked');
      else this.removeAttribute('checked');
    });
    $("option", this).each(function() {
      // also not sure, but, better safe...
      if (this.selected) this.setAttribute('selected', 'selected');
      else this.removeAttribute('selected');
    });
    return oldHTML.apply(this);
  };

  //optional to override real .html() if you want
  // $.fn.html = $.fn.formhtml;
})(jQuery);
36
ответ дан 29 November 2019 в 20:21
поделиться

Я знаю, что ваш вопрос относится к innerHTML , но если бы вам было нужно только значение текстового поля внутри контейнера , тогда

$('#textbox').val()

даст правильное (обновленное) значение текстового поля.

1
ответ дан 29 November 2019 в 20:21
поделиться

Это известная «проблема» в Firefox. Спецификации для innerHTML не совсем ясны, поэтому разные поставщики браузеров реализуют его по-разному.

Обсуждение этой темы можно найти здесь:

http://forums.mozillazine.org/viewtopic.php? t = 317838 # 1744233

6
ответ дан 29 November 2019 в 20:21
поделиться
Другие вопросы по тегам:

Похожие вопросы: