Truy cập sự kiện để gọi hàm ngăn chặn mặc định từ hàm tùy chỉnh bắt nguồn từ thuộc tính onclick của thẻ

Tôi có các liên kết như thế này:

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

Và tôi muốn thực hiện preventDefault()bên trong myfunc(), bởi vì một #sẽ được thêm vào thanh địa chỉ khi nhấp vào liên kết (mà không cần thực hiện return false;hoặc href='javascript:void(0);')

Điều này có khả thi không? Tôi có thể nhận được sự kiện bên trong khôngmyfunc()

Tôi tin rằng bạn có thể chuyển eventvào nội tuyến hàm sẽ là eventđối tượng cho sự kiện được nêu ra trong các trình duyệt tuân thủ W3C (tức là các phiên bản IE cũ hơn sẽ vẫn yêu cầu phát hiện bên trong hàm xử lý sự kiện của bạn để xem xét window.event).

Một ví dụ nhanh .

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

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

1. Chạy nó như cũ và nhận thấy rằng liên kết không chuyển hướng đến Google sau cảnh báo.
2. Sau đó, thay đổi giá trị eventđược truyền vào onclicktrình xử lý thành một cái gì đó khác như e, nhấp vào chạy, sau đó nhận thấy rằng chuyển hướng diễn ra sau cảnh báo (ngăn kết quả chuyển sang màu trắng, chứng tỏ chuyển hướng).

Giải pháp đơn giản nhất chỉ đơn giản là:

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

Đó thực sự là một cách tốt để thực hiện chặn bộ nhớ cache cho các tài liệu có dự phòng cho các trình duyệt không hỗ trợ JS (không chặn bộ nhớ cache nếu không có 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">

Nếu JavaScript được bật, nó sẽ mở PDF bằng chuỗi truy vấn chặn bộ nhớ cache, nếu không, nó chỉ mở PDF.

Thử cái này:

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

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

Thêm một lớp duy nhất vào các liên kết và một javascript ngăn chặn mặc định trên các liên kết có lớp này:

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

Bạn có thể không xóa thuộc tính href khỏi thẻ được không?

Tôi nghĩ rằng khi chúng tôi sử dụng onClick, chúng tôi muốn làm điều gì đó khác với mặc định. Vì vậy, đối với tất cả các liên kết của bạn với onClick:

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

Đơn giản!

onclick="blabla(); return false"

Bạn có thể truy cập sự kiện từ onclick như thế này:

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

và tại hàm javascript của bạn, lời khuyên của tôi là thêm câu lệnh dòng đầu tiên đó là:

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

sau đó sử dụng ở mọi nơi e làm biến sự kiện

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

Hoặc có trả về false từ phương thức của bạn.

Không có bất kỳ thư viện JS hoặc jQuery. Để mở một cửa sổ bật lên đẹp nếu có thể. Không thể mở liên kết bình thường một cách an toàn.

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

Và chức năng trợ giúp:

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