Có cách nào để lấy giá trị của một hộp mật khẩu tự động điền trong JavaScript không?

Question

var inputs = document.getElementsByTagName('input'); 
for (var i = 0; i < inputs.length; i++) { 
    inputs[i].onfocus = foo; 
} 
function foo(){ 
    alert(this.value); 
} 

Khi các giá trị đầu vào được bằng tay nhập:
Trên công trình mã và cảnh báo các giá trị đúng không phụ thuộc vào loại một lĩnh vực đầu vào.

Khi giá trị nhập được tự động điền bởi trình duyệt:
Mã hoạt động và cảnh báo giá trị chính xác khi trường nhập văn bản loại. Trong trường hợp của một trường mật khẩu, nó cảnh báo chuỗi rỗng!

Hành vi này có phải do chính sách bảo mật của trình duyệt không? Hoặc có cách giải quyết nào không? Tôi đã thử nó trong trình duyệt Chrome.

Answer 1

$(document).ready(function() { 
    $("input") 
     .blur(password) 
     .trigger('blur'); 
}); 

function password() { 
    alert($(this).val()) 
} 

DEMO

Answer 2

Đây là một câu hỏi thú vị bởi vì tôi tin rằng bạn đang đề cập đến tác dụng phụ của một tính năng bảo mật trong Chrome. Chrome (và có thể là các trình duyệt khác) có thể không thực sự điền DOM bằng mật khẩu tự động điền bởi vì một lập trình viên độc hại có thể viết JavaScript cố gắng lấy cắp mật khẩu tự động từ các nạn nhân không ngờ khi tải trang. Bạn rất có thể sẽ yêu cầu người dùng nhấp vào nút gửi trước khi bạn có thể truy cập vào thông tin đó. Bạn có thể buộc biểu mẫu gửi và kiểm tra giá trị ngay trước khi gửi thực sự xảy ra. Nếu điều đó hoạt động, thì bạn có thể hủy bỏ việc gửi bằng cách trả về false trong "onsubmit" và bây giờ bạn có mật khẩu.