Thẻ liên kết HTML có sự kiện onclick trên Javascript

Question

Khi sử dụng Google, tôi nhận thấy rằng họ đang sử dụng các sự kiện onclick trong các thẻ liên kết.

Trong các tùy chọn nhiều hơn trong phần tiêu đề của Google, có vẻ như thẻ bình thường, nhưng onclicking nó không được chuyển hướng nhưng mở một menu. Thông thường khi sử dụng

<a href='more.php' onclick='show_more_menu()'>More >>></a> 

Nó thường đi vào 'more.php' mà không bắn show_more_menu(), nhưng tôi có hiển thị một menu trong trang đó chính nó. Cách thực hiện như google?

Answer 1

Nếu chức năng onclick của bạn trả về false, hành vi trình duyệt mặc định sẽ bị hủy. Như vậy:

<a href='http://www.google.com' onclick='return check()'>check</a> 

<script type='text/javascript'> 

function check() 
{ 
    return false; 
} 

</script> 

Dù bằng cách nào, liệu google có hay không không quan trọng lắm. Nó sạch hơn để ràng buộc các chức năng onclick của bạn trong javascript - bằng cách này bạn tách HTML của bạn khỏi mã khác.

Answer 2

Từ những gì tôi hiểu bạn không muốn chuyển hướng khi liên kết được nhấp. Bạn có thể làm:

<a href='javascript:;' onclick='show_more_menu();'>More ></a> 

Answer 3

Bạn thậm chí có thể thử dưới đây tùy chọn:

<a href="javascript:show_more_menu();">More >>></a>