커서가 나타나기 전에 검색 막대를 두 번 클릭해야합니다.

Question

더블 클릭 대신 커서를 검색 창에 표시하려면 코드에서 무엇을 변경해야합니까? 또는 필드에 클릭 한 후에 자리 표시자가 사라지지 않는 이유는 무엇입니까? 가치와 자리 표시 자의 기본 아이디어는 이렇게 유지해야합니다.

HTML

<form action="search.php" method="GET"> 
    <input type="text" name="q" id="searchbox" placeholder="" value="Suche..." maxlength="99" autocomplete ="off" onMouseDown="active();" onBlur="inactive();"/> 
    <button id="searchbutton"> Los!</button> 
</form> 

자바 스크립트

function active(){ 
    var searchbox = document.getElementById('searchbox'); 
    if(searchbox.value == 'Suche...'){ 
     searchbox.value = '' 
     searchbox.placeholder = 'Suche...'   
    } 
} 

function inactive(){ 
    var searchbox = document.getElementById('searchbox'); 

    if(searchbox.value == ''){ 
     searchbox.value = 'Suche...' 
     searchbox.placeholder = '' 
    } 
} 

Answer 1

당신은 자리를 만들기 위해 모든 코드를 사용할 필요가 없습니다. 너는 이것을 필요로한다 :

<form action="search.php" method="GET"> 
    <input type="text" name="q" id="searchbox" placeholder="Suche..." maxlength="99" autocomplete ="off"> 
    <button id="searchbutton"> Los!</button> 
</form> 

그리고 그것은 작동 할 것이다. 자리 표시 자 태그를 사용하면 텍스트를 클릭하고 입력을 시작하면 텍스트가 사라 지므로 JavaScript 코드가 필요하지 않습니다.

그리고 한 가지 더 ... 코드가 "jQuery"코드가 아니라 JavaScript 코드 일뿐입니다.

::-webkit-input-placeholder { 
    color: black; 
    } 

:-moz-placeholder { /* Firefox 18- */ 
    color: black; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: black; 
} 

:-ms-input-placeholder { 
    color: black; 
}