我的更改事件侦听器未按预期跟踪更改

Question

在我们的网站上有一个搜索框，可在您键入时显示结果。对于网络报告，我们希望跟踪用户在我们网站上搜索的内容。但是，除了能够点击“搜索”之外，我们的网站会在输入时自动提示结果。

所以我使用了更改事件：

var search_box = document.querySelectorAll('input.nimnewsstand-searchBox')[0];

search_box.addEventListener('change', function(e) {
  dataLayer.push({
    'event': 'catalog_search',
    'event.element': e.target       
  })
}

然后我有另一个脚本来监听dataLayer数组的更改，特别是对于具有触发我们的Google Analytics标记的属性“catalog_search”的事件。

如果您在输入框中键入内容然后单击搜索按钮或模糊输入框，则此跟踪有效。但是如果您开始输入但不离开搜索框则不起作用。用户无需离开搜索框，因为在用户输入时会向用户建议结果。

改变我想要的适当事件吗？当用户在输入框中输入时，是否还有其他可用于跟踪更改的事件？