Tắt (và bật lại) href và onclick trên các thành phần

Question

Tôi chỉ muốn bật/tắt onclick và href trên các phần tử (a hoặc div).

Tôi không biết cách thực hiện việc này.

Tôi có thể tắt onclick bằng cách thêm trình xử lý vào sự kiện nhấp chuột, nhưng href vẫn khả dụng.

$(this).unbind().click(function(event){ 
    event.preventDefault(); 
    return; 
}); 

Sửa FOUND Một HACK CHO MỘT YẾU TỐ

if ($(this).attr("href")) { 
    $(this).attr("x-href", $(this).attr("href")); 
    $(this).removeAttr("href"); 
} 

Answer 1

Ok tôi đã tìm thấy một workaround: đặt một lớp phủ trên div chính chứa tất cả các yếu tố tôi muốn vô hiệu hóa .. Nó chỉ hoạt động.

Answer 2

Hãy thử điều này để vô hiệu hóa nhấp chuột:

$ (this) .unbind (nghe tiếng 'click');

Answer 3

Bạn có thể thử như sau:

$('a, div').click(
    function(e){ 
    return false; 
     // cancels default action *and* stops propagation 

    // or e.preventDefault; 
     // cancels default action without stopping propagation 
}); 

MDC documentation for preventDefault, jQuery documentation for event.preventDefault.

SO question: JavaScript event.preventDefault vs return false.

Tôi không chắc chắn về sự cố của "href vẫn khả dụng" vì sự kiện click bị hủy; tuy nhiên nếu bạn muốn loại bỏ các href từ a yếu tố:

$('a[href]').attr('href','#'); 

sẽ loại bỏ chúng (hoặc, đúng hơn, thay thế các URL với một #).

---

Sửa để phản ứng lại bình luận (đặt câu hỏi) bởi OP:

Ok, xin lỗi;) Tôi chỉ muốn có thể (bằng cách nhấp vào một nút), để tắt/bật tất cả các liên kết (nhấp chuột hoặc href) so với các yếu tố (div hoặc một)

$('#buttonRemoveClickId, .buttonClassName').click(
function() { 
    $('a, div').unbind('click'); 
}); 
$('#buttonReplaceClickId, .buttonOtherClassName').click(
function() { 
    $('a, div').bind('click'); 
}); 

• unbind(),
• bind().

Answer 4

Bạn có thể thiết lập các thuộc tính href trực tiếp đến "" để ngăn chặn các gốc hiển thị trong thanh trạng thái, nếu đó là những gì bạn đang yêu cầu.

$(this).unbind().click(function(event){ 
    event.preventDefault(); 
}).attr("href", ""); 

Nếu không, event.preventDefault() đã ngừng các liên kết không thể nhấp được.

Answer 5

Nếu bạn trả lại false trong sự kiện onclick, thì href sẽ bị vô hiệu.

1. này sẽ đi đến Goole: <a href="http://www.google.com" onclick="alert('Go to Google')">Test</a>

2. này sẽ không đi đến Google: <a href="http://www.google.com" onclick="alert('Go to Google'); return false;">Test</a>