편집 할 때 텍스트 상자의 텍스트 색을 설정하는 방법

Question

java로 작업 중이며 데이터베이스의 데이터를 읽는 텍스트 상자가 있습니다. 예를 들어, "John"이라는 이름이 텍스트 상자에로드됩니다. 나는 코드

<input class="classText" name="fName" id="fname1" type="text" value=""/><br /> 

하지만 내가 꿔 검은 색 텍스트 상자에 장전 단어를 유지하고 내가 그 텍스트 상자에 텍스트를 입력 할 때 파란색으로 색상을 변경할 수 있습니다 있습니다. 예 : "john"이라는 단어가 텍스트 상자에로드되었습니다 ... John이라는 단어를 삭제하고 Max를 입력합니다. 맥스는 파란색이어야합니다.

너무 혼란스럽지 않길 바랍니다. 어떤 도움이 필요합니까?

Answer 1

당신은 onkeypress 이벤트

<input class="classText" name="fName" id="fname1" type="text" value="" onkeypress="changeColour(this)"/><br /> 

를 사용하고 fiddle
작업 기능을

<script> 
function changeColour(e) 
{ 
    e.style.color='blue' 
} 
</script> 

을 정의 또는 더 나은 스타일링 키 누름에

Answer 2

사용 CSS를 몇 가지 클래스를 할당 할 수 있습니다.

#fname1:focus{color:blue} 

http://jsfiddle.net/BC5RP/

Answer 3

백엔드 자바이라는 사실은 여기 무관하다 - 당신은 단지 UI를 처리하고 있습니다. 여기에는 여러 가지 방법이 있습니다. on this fiddle example은 JQuery 's on (입력)을 사용합니다.

$('.classText').on('input', function() { 
$(this).addClass('changed'); 
});