HTML тег хотите добавить как href, так и onclick работает

Я хотел бы спросить о теге HTML 

<a href="www.mysite.com" onClick="javascript.function();">Item</a>

Как это сделать a тег работает с href и onClick? (предпочитаю onClick работает первым, а затем href)

3 94
javascript html tags onclick href

3 ответа:

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

<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, отмена события (или событие не было предотвращено)

184

использовать jQuery. Вам нужно захватить 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>
8

для этого используйте следующий html:

<a href="www.mysite.com" onclick="make(event)">Item</a>

<script>
    function make(e) {
        // ...  your function code
        // e.preventDefault();   // use this to NOT go to href site
    }
</script>

здесь пример работающего.

0