비활성화 텍스트 필드를 동적으로

Question

안녕하세요 저는 텍스트 필드를 동적으로 만들려고했습니다. 이것은 내 코드입니다.

<input type="text" id="test1" value ="dynamic" onfocus="this.disabled=true" onblur="this.disabled=false"> 
    <input type="text" id="test2"> 

그래서 필드가 완벽하게 비활성화되지만 흐리게 처리되지 않습니다. 여기있는 사람이 내 문제를 해결할 수 있다면 큰 일입니다.

Answer 1

아마 이런 상황에서는 필드를 읽기 전용으로 만들고 사용자 정의 클래스를 추가하여 비활성화 된 것처럼 보이게하는 것이 좋습니다.

장애인 요소가 아니라 ... 장애인이기 때문에 :)

편집

나는 몇 가지 테스트를 해봤하고 흐림 다시 활성화됩니다!

http://jsfiddle.net/dfhHz/

는 여전히

당신이 달성하고자하는 무엇 EDIT2

당연히 흐림을 트리거 입력 바깥 쪽을 클릭해야합니다. 이 기능은 조금 이상해 보입니다 (초점을 비활성화하고 흐리게 처리를 활성화) :

Answer 2

텍스트 필드에서 onmouseover 및 onmouseout 이벤트를 사용하지 않는 이유는 무엇입니까?

<input type="text" id="test1" value="dynamic" onmouseover="this.disabled=true" onmouseout="this.disabled=false">