jQuery event.preventDefault() không hoạt động trong Firefox (bao gồm JSFiddle)

Question

Đây là một loại tương tự trùng lặp với một số người khác ở đây, nhưng tôi nghĩ rằng tôi đang sử dụng event.preventDefault() chính xác trong trường hợp này.

Dưới đây là một JSFiddle bạn sẽ nhìn thấy mã với: http://jsfiddle.net/SeEw2/2/

Về cơ bản, bấm vào nút Submit.

Trong Chrome: Không có gì xảy ra - phản hồi chính xác.

Trong Firefox: Tải lại trang, oh noes!

Vậy tại sao trang tải lại trong Firefox chứ không phải Chrome? Tôi đã Firebugging nó và không có lỗi đi lên trong một trong hai ...

Answer 1

Biến event trong mã của bạn không được khởi tạo.

http://jsfiddle.net/SeEw2/4/

chiết xuất:

$('#ajaxsearch').click(function(event) { 

     // Stop the Search input reloading the page by preventing its default action 
     event.preventDefault(); 

Answer 2

Bởi vì bạn không đi qua các đối tượng sự kiện như function(event), nhưng câu hỏi của tôi là tại sao thậm chí đi qua tất cả điều này khi bạn có thể làm cho type="button" và onclick vượt qua các giá trị? Về bản chất là những gì bạn làm với toàn bộ quá trình này.

Answer 3

Tôi đã gặp phải sự cố tương tự trong quá khứ. Thay vì event.preventDefault() thử qua sự kiện này để:

function ie8SafePreventEvent(e){ 
    if(e.preventDefault){ e.preventDefault()} 
    else{e.stop()}; 

    e.returnValue = false; 
    e.stopPropagation();   
} 

Tôi biết nó nói IE, nhưng tôi chưa bao giờ có một vấn đề với nó kể từ =]

Answer 4

Thay vì tìm kiếm một sự kiện nhấp chuột trên nút gửi, tại sao không sử dụng trình xử lý $(form).submit?

Miễn là bạn có 'return false' ở cuối trình xử lý, trang sẽ không tải lại.

Answer 5

Tôi đã giải quyết theo cách này, do mã của tôi hơi khác một chút, điều này có thể hữu ích cho người khác. Mã ban đầu của tôi trông như thế này.

<form id="enrollstudentform" onsubmit="return enrollStudents()"> 
    ... 
</form> 

chức năng js của tôi trông giống như

function enrollStudents() { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

tôi phải vượt qua sự kiện tham số trong lời gọi hàm và nhận được nó trong hàm.

<form id="enrollstudentform" onsubmit="return enrollStudents(event)"> 
    ... 
</form> 

js mã:

function enrollStudents(event) { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

Tôi hy vọng nó giúp.