JavaScript는 포커스를 얻은 후 사라지는 텍스트 상자의 배경 이미지 기본 표시 방법을 구현합니다.

이 글에서는 초점을 맞춘 후 텍스트 상자에 기본 표시 배경 이미지가 사라지도록 구현하는 JavaScript 방법을 주로 소개합니다. 여기에는 페이지 요소 스타일 및 속성에 대한 JavaScript 관련 작업 기술이 포함되어 있습니다.

html 코드는 다음과 같습니다.

<p class="contain">
    <p class="inputFullNameContain"><input class="inputFullName" type="text" id="search_content" /> </p>
    </p>

js 코드는 다음과 같습니다.

 <script type="text/javascript" >
     (function () {
         var id = document.getElementById('search_content');
         if (id) {
             var name = id;
             var unclicked = function () {
                 if (name.value == '') {
                     name.style.background = 'url("images/inputBackground.png") no-repeat center';
                 }
             };
             var clicked = function () {
                 name.style.background = 'none';
             };
             name.onfocus = clicked;
             name.onblur = unclicked;
             unclicked();
         }
     })();
</script>

더 많은 관련 튜토리얼을 보려면 JavaScript 튜토리얼