Как предотвратить изменение вкладок самостоятельно?

Question

У меня есть набор вкладок, которые имеют проблемы на мобильном телефоне. При прокрутке окна выбранная вкладка закрывается и возвращается к вкладке по умолчанию (показанной при загрузке страницы). Как я могу предотвратить это, чтобы, когда пользователь выбирает вкладку, она оставалась открытой, пока не выберет другую?

Вот мой код:

function openTab(evn, tabName) {
  var i, tabcontent, tablinks;

  tabcontent = document.getElementsByClassName("tab-content");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  tablinks = document.getElementsByClassName("tab-link");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  document.getElementById(tabName).style.display = "block";
  evn.currentTarget.className += " active";
}

 document.getElementById("defaultOpen").click();

<div class="tabs">
  <button class="tab-link" onclick="openTab(event, 'tab-content')" id="defaultOpen">
    Tab Title #1
  </button>
  <button class="tab-link" onclick="openTab(event, 'tab-content-two')">
    Tab Title #2
  </button>
  <button class="tab-link" onclick="openTab(event, 'tab-content-three')">
    Tab Title #3
  </button>
</div>

<div id="tab-content" class="tab-content">
    Content for first tab.
</div>

<div id="tab-content-two" class="tab-content">
    Content for second tab.
</div>

<div id="tab-content-three" class="tab-content">
    Content for third tab.
</div>