Capturing ionChange without a framework

Is it not possible to listen to ionChange events in the following fashion when not using a framework?

<ion-range id="range" min="0" max="10" ionChange="alert("></ion-range>

The only way I can get it to work is like this:

<ion-range id="range" min="0" max="10"></ion-range>
      document.getElementById('range').addEventListener('ionChange', function (ev) {

Am hoping to avoid having to manually add listeners to all of my components if possible.

Thanks for any help!