Sự kiện JavaScript - OffFocus?

Question

Điều tôi muốn làm là hiển thị trường nhập với màu văn bản black.

Sau đó, khi người đó nhấp vào bên trong trường nhập (onfocus), tôi muốn thay đổi màu văn bản thành red.

Sau đó, khi người đó nhấp vào bên ngoài mục nhập đã nhập (không còn tiêu điểm), tôi muốn đổi màu văn bản trở về black.

tôi biết làm thế nào để xử lý các sự kiện JavaScript onfocus sử dụng như sau:

<input ctype="text" onfocus="this.style.color='red';" /> 

Nhưng làm thế nào để xử lý các "tập trung off" để thay đổi màu sắc văn bản trở lại màu đen?

Cảm ơn trước

Answer 1

hãy thử sử dụng onblur, nó được gọi khi một phần tử mất tập trung.

Answer 2

Sử dụng các sự kiện onBlur:

<input ctype="text" onfocus="this.style.color='red';" onblur="this.style.color='black';"/> 

Answer 3

chứ không phải sa thải một số JS về sự kiện này, bạn có thể sử dụng bộ chọn css.

#someInput:focus { color: red; } #someInput { color: black; }

sẽ thực hiện tương tự mà không cần javascript.