Tag jangkar HTML dengan peristiwa onclick Javascript

Saat menggunakan Google, saya menemukan bahwa mereka menggunakan acara onclick di tag jangkar.

Di lebih banyak opsi di bagian header google, sepertinya tag biasa, tetapi setelah mengklik itu tidak diarahkan tetapi membuka menu. Biasanya saat menggunakan

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

Biasanya pergi ke 'more.php' tanpa mengaktifkan show_more_menu(), tetapi saya telah menunjukkan menu di halaman itu sendiri. Bagaimana melakukan like google ?

Jika fungsi onclick Anda mengembalikan false, perilaku browser default dibatalkan. Dengan demikian:

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

<script type='text/javascript'>

function check()
{
    return false;
}

</script>

Bagaimanapun, apakah google melakukannya atau tidak tidak terlalu penting. Lebih bersih untuk mengikat fungsi onclick Anda dalam javascript - dengan cara ini Anda memisahkan HTML dari kode lain.

Anda bahkan dapat mencoba opsi di bawah ini:

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

Dari apa yang saya pahami Anda tidak ingin mengarahkan saat link diklik. Anda dapat melakukan :

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

Gunakan kode berikut untuk menampilkan menu alih-alih pergi ke alamat href

function show_more_menu(e) {
  if( !confirm(`Go to ${e.target.href} ?`) ) e.preventDefault();
}

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