PerformanceEventTiming: свойство interactionId

Только для чтения interactionId свойство возвращает идентификатор, уникально определяющий пользовательское взаимодействие, которое вызвало серию связанных событий.

Когда пользователь взаимодействует с веб-страницей, пользовательское взаимодействие (например, щелчок) обычно вызывает последовательность событий, таких как pointerdown, pointerup, и click события. Для измерения задержки этой последовательности событий события используют тот же interactionId.

interactionId вычисляется только для следующих типов событий, относящихся к пользовательскому взаимодействию. В противном случае оно 0.

Число.

Следующий пример собирает продолжительность событий для всех событий, соответствующих взаимодействию. eventLatencies карта может использоваться для поиска событий с максимальной продолжительностью для пользовательского взаимодействия, например.

// The key is the interaction ID.
let eventLatencies = {};

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.interactionId > 0) {
      const interactionId = entry.interactionId;
      if (!eventLatencies.has(interactionId)) {
        eventLatencies[interactionId] = [];
      }
      eventLatencies[interactionId].push(entry.duration);
    }
  });
});

observer.observe({ type: "event", buffered: true });

// Log events with maximum event duration for a user interaction
Object.entries(eventLatencies).forEach(([k, v]) => {
  console.log(Math.max(...v));
});