텍스트 상자 기본값에 대한 조작 js 코드
검색 상자:지원
텍스트 영역: 귀하의 조언이나 의견을 입력하여 저희 사이트가 귀하께 더욱 편리한 서비스를 창조할 수 있도록 합니다...
........
먼저 이런 알림 기능은 매우 좋고 매우 직관적이다. 그러나 어떻게 초점을 얻을 때 내용을 비우고 초점을 잃은 후에 내용을 비우면 알림 텍스트를 표시한다.
페이지에 이 요소들이 많으면 어떻게 관리합니까?질문
var inputText=function(o,e,e2){
if(!o)return;var txt=o.value;
function inputTextChange(o,e,e2,txt){
o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}
}
new inputTextChange(o,e,e2,txt)
}
위에서 나는 함수를 하나 정의했다
기능 설명:
매개 변수[o]:작업이 필요한 객체
매개 변수[e]: 대상 값을 비워야 하는 이벤트
매개 변수[e2]: 기본값을 되돌려야 하는 이벤트
함수 호출:
inputText(userName,"onmouseover","onmouseout");
함수 적용 예:
input.value
<br>var inputText=function(o,e,e2){if(!o)return;var txt=o.value;
<br>function inputTextChange(o,e,e2,txt){
<br>o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
<br>o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}}
<br>new inputTextChange(o,e,e2,txt)
<br>}
<br>
<br>var inputArr=document.getElementsByTagName("input")
<br>for(var i in inputArr){
<br>if(!inputArr[i].type=="text") continue;
<br>inputText(inputArr[i],"onfocus","onblur")
<br>}
<br>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
