Xác định yếu tố nào đã gửi biểu mẫu từ bên trong onsubmit

Question

Có cách nào để xác định yếu tố nào đã gửi biểu mẫu từ bên trong trình xử lý onsubmit không? Cố gắng viết một trình xử lý chung để biết phần tử nào đã được nhấp. Ví dụ: được cung cấp biểu mẫu này:

<form onsubmit="onSubmitHandler"> 
    <input type="submit" name="submit1" /> 
    <input type="submit" name="submit2" /> 
</form> 

Làm cách nào để xác định bên trong nút onSubmitHandler đã gửi nút nào? Tôi đã thử event.target/event.srcElement, nhưng nó cung cấp cho biểu mẫu, chứ không phải nút gửi thực tế.

Cập nhật: Tôi đang viết một điều khiển chung ở đây, do đó, nó không có ý tưởng những gì trên biểu mẫu. Giải pháp cần phải làm việc mà không cần biết và thay đổi html của biểu mẫu. Dự phòng của tôi là đi bộ DOM để tìm tất cả các nút có thể gây ra gửi, nhưng tôi muốn tránh điều đó.

Answer 1

Một giải pháp thay thế sẽ được di chuyển sự kiện kích hoạt từ sự kiện nộp của hình thức, sự kiện onclick yếu tố nộp, như ví dụ:

<form name='form1'> 
    <input type="submit" name="submit1" onclick="onSubmitHandler"/> 
    <input type="submit" name="submit2" onclick="onSubmitHandler"/> 
</form> 

Trong hàm điều khiển của bạn, bạn có thể xác định các yếu tố trên Facebook Chia đơn giản bằng cách kiểm tra tên của mục tiêu sự kiện và nếu bạn cần quyền truy cập vào thông tin của biểu mẫu hoặc các yếu tố khác, bạn có thể lấy thông tin này từ thuộc tính "biểu mẫu" thuộc tính gửi.

Answer 2

Tôi sẽ không sử dụng loại nút gửi tiêu chuẩn.

Tận dụng tối nộp chức năng lấy một cuộc tranh cãi thêm đại diện cho yếu tố đó gửi nó, và nút sẽ có một onclick sẽ gửi this như tham số:

<input type="button" onclick="submitHandler(this)"> 

Answer 3

dự phòng của tôi đang đi bộ DOM để tìm tất cả các nút có thể gây ra gửi nhưng tôi muốn tránh điều đó.

... và thêm người nghe nhấp vào họ để lưu trữ nút 'nhấp cuối cùng' sau đó được người đọc gửi, đọc phải không?

Tôi không thể nghĩ ra bất kỳ cách nào khác, xin lỗi.

Answer 4

Giải pháp này hoạt động trong Firefox. Tôi chưa kiểm tra nó trong các trình duyệt hoặc trình duyệt IE tương thích khác.
Tôi không quá hy vọng đối với IE, bạn phải xem xét và đăng kết quả của mình.

<form id="myForm"> 
    <input type="submit"> 
    <input type="submit"> 
</form> 

_

document.getElementById('myForm').addEventListener('submit', function(e){ 
    e.preventDefault(); 
    e.explicitOriginalTarget.style.background = 'red'; 
}, false); 

Answer 5

Bấm sự kiện bong bóng, vì vậy bạn chỉ có thể thêm một "onclick" nghe mẫu thân, để kiểm tra nếu nguồn nhấp chuột mục tiêu là một nút gửi; nếu có, lưu trữ một tham chiếu đến nó ở đâu đó liên kết với biểu mẫu mà bạn có thể truy cập từ trình xử lý onsubmit của bạn.

Nếu bạn muốn xử lý các biểu mẫu gửi "Enter" đúng cách, hãy nghe sự kiện "onkeypress" hoặc "onkeydown" của biểu mẫu, chọn "Enter" và xóa thông tin nút gửi nếu mục tiêu sự kiện ISN ' T nút gửi.