Gửi nút chức năng JavaScript

Sự miêu tả. Liên kết trình xử lý sự kiện với sự kiện JavaScript "gửi" hoặc kích hoạt sự kiện đó trên một phần tử

• phiên bản thêm. 1. 0

  • xử lý

    Loại. [ đối tượng sự kiện ]

    Một chức năng để thực thi mỗi khi sự kiện được kích hoạt

• phiên bản thêm. 1. 4. 3

  • dữ liệu sự kiện

    Loại.

    Một đối tượng chứa dữ liệu sẽ được chuyển đến trình xử lý sự kiện

  • xử lý

    Loại. [ đối tượng sự kiện ]

    Một chức năng để thực thi mỗi khi sự kiện được kích hoạt

• phiên bản thêm. 1. 0

  • Chữ ký này không chấp nhận bất kỳ đối số

Phương pháp này là một phím tắt cho .on[ "submit", handler ] trong biến thể đầu tiên và .trigger[ "submit" ] trong biến thể thứ ba

Sự kiện

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

0 được gửi đến một phần tử khi người dùng đang cố gắng gửi biểu mẫu. Nó chỉ có thể được gắn vào các phần tử

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

1. Biểu mẫu có thể được gửi bằng cách nhấp vào một

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

  

0,

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

1 hoặc

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

2 rõ ràng hoặc bằng cách nhấn Enter khi các thành phần biểu mẫu nhất định có tiêu điểm

Tùy thuộc vào trình duyệt, phím Enter chỉ có thể gửi biểu mẫu nếu biểu mẫu có chính xác một trường văn bản hoặc chỉ khi có nút gửi. Giao diện không nên dựa vào một hành vi cụ thể cho phím này trừ khi sự cố bắt buộc bằng cách quan sát sự kiện nhấn phím đối với các lần nhấn phím Enter

Ví dụ, hãy xem xét HTML

1

2

3

4

5

6

7

  
  
  Trigger the handler

Trình xử lý sự kiện có thể được liên kết với biểu mẫu

1

2

3

4

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

Bây giờ khi biểu mẫu được gửi, thông báo sẽ được cảnh báo. Điều này xảy ra trước khi gửi thực tế, vì vậy chúng tôi có thể hủy hành động gửi bằng cách gọi

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

3 trên đối tượng sự kiện hoặc bằng cách trả lại

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

  

4 từ trình xử lý của chúng tôi. Chúng tôi có thể kích hoạt sự kiện theo cách thủ công khi một phần tử khác được nhấp vào

1

2

3

$[ "#other" ].click[function[] {
  $[ "#target" ].submit[];
}];

Sau khi mã này thực thi, nhấp vào Trigger trình xử lý cũng sẽ hiển thị thông báo. Ngoài ra, hành động

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

0 mặc định trên biểu mẫu sẽ bị hủy, vì vậy biểu mẫu sẽ được gửi

Sự kiện JavaScript

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

0 không bong bóng trong Internet Explorer. Tuy nhiên, các tập lệnh dựa vào ủy quyền sự kiện với sự kiện

$[ "#target" ].submit[function[ event ] {
  alert[ "Handler for .submit[] called." ];
  event.preventDefault[];
}];

0 sẽ hoạt động nhất quán trên các trình duyệt kể từ jQuery 1. 4, đã bình thường hóa hành vi của sự kiện

Làm cách nào để chạy một chức năng JavaScript trên nút gửi?

Một nút có thể là một lần gửi không?

Làm cách nào để gọi một hàm sau khi gửi biểu mẫu trong JavaScript?

Chức năng của nút gửi là gì?