> 웹 프론트엔드 > JS 튜토리얼 > js_javascript 스킬에서 입력의 type 속성을 수정하는 문제에 대한 토론

js_javascript 스킬에서 입력의 type 속성을 수정하는 문제에 대한 토론

WBOY
풀어 주다: 2016-05-16 17:20:08
원래의
1074명이 탐색했습니다.

js에서 입력의 유형 속성을 수정하는 데에는 몇 가지 제한 사항이 있습니다. 입력 요소가 문서 스트림에 삽입되기 전에 해당 값을 수정할 수 있습니다. IE 및 FF에서는 문제가 되지 않습니다. 그러나 입력이 페이지에 이미 존재하는 경우 해당 유형 속성은 IE에서 읽기 전용 속성이 되며 수정할 수 없습니다. ff에서는 여전히 읽고 쓸 수 있는 속성입니다.

오늘 문제가 발생했습니다. 입력 상자의 기본값은 "password"인데, 포커스를 받으면 "password"라는 단어가 제거되고 "password" 유형으로 바로 변경됩니다. ****"를 입력할 때. 당연히 처음에는 입력 유형이 텍스트였지만 나중에는 비밀번호 유형이 되었습니다. 직관적인 아이디어는 js를 사용하여 입력 유형을 수정하는 것입니다. 그러나 이는 IE에서는 실현 가능하지 않으므로 마음을 바꾸고 텍스트 유형과 비밀번호 유형 중 하나를 입력하여 각각 onfocus 및 onblur 이벤트를 모니터링할 수 있습니다. 다음과 같습니다:

참고: 스크립트 코드는 html에 작성해야 합니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다: