HTML5 cung cấp cho chúng tôi một số yếu tố đầu vào mới để phát, chẳng hạn như <input type=number>
. Điều này hiển thị (trong Chrome) dưới dạng hộp văn bản có hai nút chu kỳ bên trong hộp văn bản, để tăng và giảm giá trị số bên trong hộp.Sự kiện để phát hiện thay đổi kiểm soát số HTML5 trong Webkit/Chrome?
Đối với dự án sở thích cá nhân, tôi đang sử dụng điều khiển này. Tuy nhiên, tôi bị kẹt với một vấn đề:
Có cách nào để phát hiện giá trị đang được thay đổi bằng sự kiện javascript không? Tôi đã mong đợi sự kiện onChange
để kích hoạt, nhưng không có may mắn như vậy. Ngoài ra, onClick
chỉ kích hoạt khi nội dung hộp văn bản được nhấp vào, không phải khi các nút chu kỳ được nhấp.
Bất kỳ ý tưởng nào? (ngoài: hey, đó là Biểu mẫu HTML5, không mong đợi bất cứ điều gì để làm việc được nêu ra!)
Chỉnh sửa: Chỉnh sửa: mikerobi chỉ ra bên dưới, sự kiện onChange sẽ kích hoạt ngay khi phần tử mất tiêu điểm. Vẫn không hoàn toàn những gì tôi đang tìm kiếm, vì vậy các ý kiến và đề xuất khác được hoan nghênh!
Tính năng này có phù hợp với bạn trong Safari không? Tôi đang sử dụng Safari 5.0.3 (mac) và sự kiện đầu vào chỉ được kích hoạt khi tôi thay đổi số trong hộp văn bản, không phải khi tôi nhấp vào các nút đó. – expora
Safari v5.0.4 không kích hoạt sự kiện 'thay đổi' ngay cả khi bạn làm mờ đầu vào và không kích hoạt sự kiện' đầu vào' khi nhấp vào trình quay. Dường như là một lỗi Safari xung quanh với ''. – Phrogz
Lưu ý, tuy nhiên, hành vi đó là chính xác trong các bản dựng đêm mới nhất của WebKit, do đó, việc sửa lỗi này sẽ được đưa vào Safari. – Phrogz