[자바스크립트]마우스 onblur() onfocus()

간단한거 같으면서도 어려운 객체이다.

-onblur 클릭전 기본 세팅

-onfocus 마우스클릭했을때

*스크립트 안쓸때

html

<input class="off" onfocus="this.className=''" onblur="this.className='off';"/>

<input type="text" onblur="if (this.value == '') {this.value = ' 값';}" onfocus="if(this.value == ' 값 ') {this.value = '';}" value="값" />

*스크립트 쓸때

javascript

<script type="text/javascript">

function clearText(field){

 

    if (field.defaultValue == field.value) field.value = '';

    else if (field.value == '') field.value = field.defaultValue;

 

}

</script>

html

<input name="emailaddress" type="text"  value="값" onFocus="clearText(this)" onBlur="clearText(this)">