Назначение события массиву элементов на нативном JS

Question

Как назначить событие массиву элементов, наподобие того, как это реализовано в JQuery. Смотри код

$('.variant').click(function() {
  console.log('JQuery', this);
});
// Работает если выбрать конкретный элемент
let variant = document.getElementsByClassName('variant');
variant[0].onmousedown = function() {
  console.log('Native JS', this);
};
// Не работает
variant.onmousedown = function() {
  console.log('Native JS', this);
};

.variant {
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class='variant'>Текст1</li>
  <li class='variant'>Текст2</li>
  <li class='variant'>Текст3</li>
</ul>