เข้าถึงเหตุการณ์เพื่อเรียกใช้ป้องกันความผิดพลาดจากฟังก์ชันที่กำหนดเองที่มาจากแอตทริบิวต์ onclick ของแท็ก

ฉันมีลิงค์ดังนี้:

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

และฉันต้องการที่จะทำpreventDefault()ภายในmyfunc()เพราะ#จะถูกเพิ่มในแถบที่อยู่เมื่อคลิกที่ลิงค์ (โดยไม่ต้องทำreturn false;หรือhref='javascript:void(0);')

เป็นไปได้หรือไม่ ฉันขอเข้าร่วมกิจกรรมได้ไหมmyfunc()

ฉันเชื่อว่าคุณสามารถผ่านeventเข้าไปในฟังก์ชันอินไลน์ซึ่งจะเป็นeventวัตถุสำหรับเหตุการณ์ที่ยกขึ้นในเบราว์เซอร์ที่เข้ากันได้กับ W3C (เช่น IE เวอร์ชันเก่าจะยังคงต้องการการตรวจจับภายในฟังก์ชันตัวจัดการเหตุการณ์ของคุณเพื่อดูwindow.event)

ตัวอย่างสั้นๆ

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

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

1. เรียกใช้ตามที่เป็นอยู่และสังเกตว่าลิงก์ไม่เปลี่ยนเส้นทางไปยัง Google หลังจากการแจ้งเตือน
2. จากนั้นเปลี่ยนการeventส่งผ่านไปยังonclickตัวจัดการเป็นอย่างอื่นเช่นeคลิกรันจากนั้นสังเกตว่าการเปลี่ยนเส้นทางเกิดขึ้นหลังจากการแจ้งเตือน (บานหน้าต่างผลลัพธ์จะเป็นสีขาวแสดงถึงการเปลี่ยนเส้นทาง)

ทางออกที่ง่ายที่สุดคือ:

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

เป็นวิธีที่ดีในการทำแคชสำหรับเอกสารที่มีทางเลือกสำรองสำหรับเบราว์เซอร์ที่ไม่เปิดใช้งาน JS (ไม่มีการป้องกันแคชหากไม่มี 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">

หากเปิดใช้งาน JavaScript จะเปิด PDF ด้วยสตริงข้อความค้นหาที่ป้องกันแคชหากไม่ใช่เพียงแค่เปิด PDF

ลองสิ่งนี้:

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

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

เพิ่มคลาสที่ไม่ซ้ำกันให้กับลิงก์และจาวาสคริปต์ที่ป้องกันไม่ให้ค่าเริ่มต้นของลิงก์กับคลาสนี้:

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

คุณไม่เพียง แต่ลบแอตทริบิวต์ href จากแท็กไม่ได้หรือ

ฉันคิดว่าเมื่อเราใช้ onClick เราต้องการทำสิ่งที่แตกต่างจากค่าเริ่มต้น ดังนั้นสำหรับลิงก์ทั้งหมดของคุณด้วย onClick:

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

! ง่าย

onclick="blabla(); return false"

คุณสามารถเข้าถึงเหตุการณ์ได้จาก onclick ดังนี้:

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

และที่ฟังก์ชัน javascript ของคุณคำแนะนำของฉันคือการเพิ่มคำสั่งบรรทัดแรกเป็น:

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

จากนั้นใช้ทุกที่ e เป็นตัวแปรเหตุการณ์

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

หรือมีผลตอบแทนเท็จจากวิธีการของคุณ

ไม่มีไลบรารี JS หรือ jQuery เพื่อเปิดหน้าต่างป๊อปอัปที่ดีถ้าเป็นไปได้ ไม่สามารถเปิดลิงก์ปกติได้อย่างปลอดภัย

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

และฟังก์ชันตัวช่วย:

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');
}