preventDefault sẽ không hoạt động trên Firefox

Question

Tôi đang cố gắng ngăn A HREF thực sự mở liên kết, nhưng để thực thi tập lệnh. Tôi nhận kịch bản phần làm việc, nhưng có vẻ như Firefox sẽ chỉ cần bỏ qua này:

$("#permalink a").click(function(id){ 
    $("#newPost").fadeToggle; 
    event.preventDefault(); 
    var id = this.getAttribute('href'); 
    $("#newPostContent").load(id); 
    $("#newPost").show("fast"); 
}); 

bất cứ ai có thể đề xuất một kịch bản qua trình duyệt mặc định để ngăn ngừa?

Answer 1

Giải pháp tiêu chuẩn cho việc này là return false từ trình xử lý click(). return false tương đương với số điện thoại preventDefault() và stopPropagation() trong sự kiện. preventDefault() là đủ cho tác vụ này quá nên hoặc là return false sẽ hoạt động.

Sự cố của bạn có vẻ là lỗi cú pháp và tham số sai. Tôi thấy:

• fadeToggle không có dấu ngoặc đơn;
• thông số chức năng được gọi là id nhưng bạn gọi số event.preventDefault(); và
• Bạn đang làm mờ bài đăng và sau đó hiển thị ngay lập tức? Điều đó sẽ xếp hàng hai hình động nhưng không có nhiều ý nghĩa. Bạn có thể muốn kết nối hai thứ đó với nhau và load() một cách hợp lý.

Vì vậy, điều này sẽ làm việc:

$("#permalink a").click(function(event) { 
    $("#newPost").fadeToggle(); 
    var id = this.getAttribute('href'); 
    $("#newPostContent").load(id); 
    $("#newPost").show("fast"); 
    return false; 
}); 

Bạn có thể tự do thay thế return false với event.preventDefault() trong trường hợp này nhưng click() sự kiện tuyên truyền có thể hoặc có thể gây ra các vấn đề khác tùy thuộc vào những gì xử lý sự kiện khác mà bạn có.

Answer 2

Bạn chỉ có thể return false;

Answer 3

  $("#permalink a").click(function(id){ 

nên

  $("#permalink a").click(function(event){ 

Sau đó

var id=event.target; 

sẽ cung cấp cho bạn các đối tượng bạn đang làm việc trên, và event.preventDefault() sẽ dừng hành động mặc định.

Thông thường tôi trả về false; bản thân tôi, nhưng điều này cả hai ngăn chặn các hành động mặc định và dừng tuyên truyền sự kiện, điều này có thể có các hiệu ứng bạn không mong đợi với các trình xử lý sự kiện khác.

Answer 4

Điều này luôn hoạt động: Firefox cần "trình xử lý sự kiện", Chrome thì không. Điều này hoạt động trên tất cả các trình duyệt:

$('#id_obj').click(function(event) { 
    event.preventDefault(event); 
}