javascript - Bao gồm cả href và onclick cho thẻ HTML <a>

Nếu tôi có phần tử này:

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

Làm thế nào để cả href và onClick cùng hoạt động, ưu tiên onClick chạy trước?

Câu trả lời #1

Bạn đã có những gì bạn cần, chỉ với một thay đổi nhỏ về cú pháp:

<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>

Hành vi mặc định của thuộc tính onclick và href của thẻ <a> là thực hiện onclick, sau đó theo href miễn là onclick không trả về false, hủy sự kiện (hoặc sự kiện chưa bị ngăn chặn)

Câu trả lời #2

Sử dụng jQuery. Bạn cần bắt sự kiện click và sau đó truy cập vào trang web.

$("#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>