Вопросы Теги

Javascript Keyup HTML работает на Firefox, но на Chrome показывает 2

Вот почему динамически созданные элементы не реагируют на клики & nbsp;: 

var body = $("body");
var btns = $("button");
var btnB = $("<button>B</button>");
// `<button>B</button>` is not yet in the document.
// Thus, `$("button")` gives `[<button>A</button>]`.
// Only `<button>A</button>` gets a click listener.
btns.on("click", function () {
  console.log(this);
});
// Too late for `<button>B</button>`...
body.append(btnB);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>A</button>

В качестве обходного пути вы должны прослушивать все клики и проверять исходный элемент & nbsp;: 

var body = $("body");
var btnB = $("<button>B</button>");
var btnC = $("<button>C</button>");
// Listen to all clicks and
// check if the source element
// is a `<button></button>`.
body.on("click", function (ev) {
  if ($(ev.target).is("button")) {
    console.log(ev.target);
  }
});
// Now you can add any number
// of `<button></button>`.
body.append(btnB);
body.append(btnC);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>A</button>

Это называется «Event Delegation». Хорошие новости, это встроенная функция в jQuery: -) 

var i = 11;
var body = $("body");
body.on("click", "button", function () {
  var letter = (i++).toString(36).toUpperCase();
  body.append($("<button>" + letter + "</button>"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>A</button>

0
задан uno 28 March 2019 в 01:50
поделиться

1 ответ

Таким образом, ответ на вашу проблему довольно прост, просто назовите ее функцией после загрузки страницы. 

    function getcountonstart(){
               var maxLength = $(".message").attr("maxlength")
               var remaining = $(".message").val().length
               $(".message").next().text(remaining + '/' + maxLength)
       }
       //Call the function
       getcountonstart();

РЕДАКТИРОВАТЬ: ПОЛНЫЙ КОД СКРИПТА! 

 <script>
  $(".message").on("keyup", function () {
           var maxLength = $(this).attr("maxlength")
           var remaining = $(this).val().length
           $(this).next().text(remaining + '/' + maxLength)
   })
   function getcountonstart(){
        var maxLength = $(".message").attr("maxlength")
        var remaining = $(".message").val().length
        $(".message").next().text(remaining + '/' + maxLength)
   }
   getcountonstart();
</script>
0
ответ дан Francis ask question 28 March 2019 в 01:50
поделиться
Другие вопросы по тегам:

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