Есть ли способ заставить onclick работать при обновлении контента?

#javascript #google-chrome #events #onclick

#javascript #google-chrome #Мероприятия #onclick (включить)

Вопрос:

Вот в чем проблема: у меня есть интерфейс с некоторой статистикой, статистика меняется быстро, может быть, каждые 500 мс, в этом интерфейсе тоже есть onclick, мне очень удобно отображать все сразу, проект недостаточно доработан, чтобы практически отделять статистику от интерактивных элементов

Техническая проблема: промах Click / onclick если содержимое обновляется, они пропускают 50% времени для вышеупомянутого сценария

Вот codepen, который демонстрирует эту проблему: http://codepen.io/anon/pen/kkRBQB

 clicks=0;
setInterval(function(){
  $("#content").html("<div onclick='clicks  '>Try to click this ...</div>")
  $("#clicks").html(clicks);
},135); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content">
</div>
Clicks <span id="clicks">0</span> 

Комментарии:

1. Как насчет того, чтобы прикрепить обработчик событий к элементу body, а затем отфильтровать другие элементы, используя соответствующий селектор в качестве второго параметра функции .on()?

2. Хм, можете ли вы предоставить фрагмент кода, который демонстрирует идею? На первый взгляд это казалось более сложным, чем решение на основе «изолированных обновлений», а не «обновлений верхнего уровня»