Skip to main content

Browser Events

Pendo automatically tracks a specific list of native browser events, just by installing it. We call this Automatic Event Collection and the Auto Events that the Agent collects are:

  • load on the <body> element, including the contents of the <title> tag and the URL
  • click on any element, even elements that don't normally listen for clicks
  • focus and change on any <form> field element, i.e. <input>, <select>, <textarea>, <button>
  • submit on the <form> element submitted

In all cases, Pendo collects the exact path to the target element of the event and the URL on which the element appeared. The element path includes relevant information about each DOM node along the way, dependent on the target tag. For example, a click event on an <a href="..."> tag collects the value of the href attribute. What attribute values are collected by default can be configured with Agent Options, but here's a quick snapshot of what we collect by default:

<img>src, alt

Pendo will avoid collecting the value attribute of any <input> elements clicked, except where that value is typically useful for targeting Features, namely <button> and button-like elements.

<button>name, value
<input>name, type
<input type="submit">name, type, value
<input type="button">name, type, value