HTML-тег <a>хочет добавить как href, так и onclick working

Ответ 1

У вас уже есть то, что вам нужно, с незначительным изменением синтаксиса:

<a href="www.mysite.com" onclick="return theFunction();">Item</a>

<script type="text/javascript">
    function theFunction () {
        // return true or false, depending on whether you want to allow the `href` property to follow through or not
    }
</script>

По умолчанию свойства тега <a> onclick и href по умолчанию должны выполнять onclick, а затем следовать за href, пока onclick не возвращает false, отменяя событие (или событие не было предотвращено)

Ответ 2

Используйте [jQuery] [1]. Вам нужно захватить событие click, а затем перейти на веб-сайт.

$("#myHref").on('click', function() {
  alert("inside onclick");
  window.location = "http://www.google.com";
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="myHref">Click me</a>