Akses peristiwa untuk memanggil preventdefault dari fungsi kustom yang berasal dari atribut onclick tag

Saya memiliki tautan seperti ini:

<a href="#" onclick="myfunc({a:1, b:'hi'})" />click</a>
<a href="#" onclick="myfunc({a:3, b:'jo'})" />click</a>

Dan saya ingin melakukan preventDefault()di dalam myfunc(), karena a #akan ditambahkan di bilah alamat saat mengklik tautan (tanpa melakukan return false;atau href='javascript:void(0);')

Apakah ini mungkin? Bisakah saya mendapatkan acara di dalammyfunc()

Saya yakin Anda dapat masuk eventke fungsi inline yang akan menjadi eventobjek untuk acara yang diangkat di browser yang sesuai dengan W3C (yaitu versi IE yang lebih lama masih memerlukan deteksi di dalam fungsi penanganan acara Anda untuk melihatnya window.event).

Contoh cepat .

function sayHi(e) {
   e.preventDefault();
   alert("hi");
}

<a href="http://google.co.uk" onclick="sayHi(event);">Click to say Hi</a>

1. Jalankan apa adanya dan perhatikan bahwa tautan tidak mengalihkan ke Google setelah peringatan.
2. Kemudian, ubah yang eventditeruskan ke onclickpenangan menjadi sesuatu yang lain seperti e, klik jalankan, lalu perhatikan bahwa pengalihan terjadi setelah peringatan (panel hasil menjadi putih, mendemonstrasikan pengalihan).

Solusi paling sederhana adalah:

<a href="#" onclick="event.preventDefault(); myfunc({a:1, b:'hi'});" />click</a>

Ini sebenarnya cara yang baik untuk melakukan perusakan cache untuk dokumen dengan fallback untuk browser yang tidak mendukung JS (tidak ada perusakan cache jika tidak ada JS)

<a onclick="
if(event.preventDefault) event.preventDefault(); else event.returnValue = false;
window.location = 'http://www.domain.com/docs/thingy.pdf?cachebuster=' + 
Math.round(new Date().getTime() / 1000);" 
href="http://www.domain.com/docs/thingy.pdf">

Jika JavaScript diaktifkan, itu membuka PDF dengan string kueri perusak cache, jika tidak, itu hanya membuka PDF.

Coba ini:

<script>
    $("a").click(function(event) {
        event.preventDefault(); 
    });
</script>

<script type="text/javascript">
$('a').click(function(){
   return false;
});
<script>

Tambahkan kelas unik ke tautan dan javascript yang mencegah default pada tautan dengan kelas ini:

<a href="#" class="prevent-default" 
   onclick="$('.comment .hidden').toggle();">Show comments</a>

<script>
  $(document).ready(function(){

    $("a.prevent-default").click(function(event) {
         event.preventDefault(); 
          });
  });
</script>

Bisakah Anda tidak begitu saja menghapus atribut href dari tag?

Saya rasa ketika kita menggunakan onClick kita ingin melakukan sesuatu yang berbeda dari default. Jadi, untuk semua tautan Anda dengan onClick:

$("a[onClick]").on("click", function(e) {
  return e.preventDefault();
});

Sederhana!

onclick="blabla(); return false"

Anda dapat mengakses acara dari onclick seperti ini:

<button onclick="yourFunc(event);">go</button>

dan pada fungsi javascript Anda, saran saya adalah menambahkan pernyataan baris pertama itu sebagai:

function yourFunc(e) {
    e = e ? e : event;
}

lalu gunakan where e sebagai variabel peristiwa

e.preventDefault (); dari https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

Atau telah mengembalikan false dari metode Anda.

Tanpa perpustakaan JS atau jQuery. Untuk membuka jendela popup yang bagus jika memungkinkan. Gagal dengan aman ke tautan normal terbuka.

<a href="https://acme.com/" onclick="onclick="openNewWindow(event, this.href);">...</a>

Dan fungsi helper:

function openNewWindow(event, location) {
  if (event.preventDefault && event.stopImmediatePropagation) { 
    event.preventDefault(); 
    event.stopImmediatePropagation(); 
  } else {
    event.returnValue = false; 
  }
  window.open(location, 'targetWindow', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=800,height=450');
}