как показать и скрыть div, используя onfocus

Question

Я новичок в этом. У меня это до сих пор:

<style type="text/css"> 
#show_hide{display:none;} 
</style> 

<div id="show_hide"> 
ok 
</div> 

<input type="text" onfocus="document.getElementById('show_hide').style.display='block';"> 

Это работает, когда я нажимаю окно ввода, чтобы показать div. prob, мне нужно, чтобы он снова скрывался, когда я нажимал где-то еще или «не фокусировал» любую помощь? благодаря!

Answer 1

вы пробовали используя ONBLUR событие http://javascript.gakaa.com/div-blur-4-0-5-.aspx

также этот пост может помочь How to blur the div element?

Answer 2

Итак, ваша проблема в том, что ваш CSS устанавливает состояние по умолчанию DIV (для display:none), то ваш JavaScript изменяет state onfocus на display: block - но у вас нет кода, чтобы вернуть div обратно в скрытое состояние.

С простой JavaScript Я считаю, что вы хотите onblur событие (фокус утрачена), чтобы справиться с этим:

<input type="text" 
    onfocus="document.getElementById('show_hide').style.display='block';" 
    onblur="document.getElementById('show_hide').style.display='none';"> 

Here it is in action, with your sample

Answer 3

Обработчик события вы ищете называется ONBLUR (http://www.w3schools.com/jsref/event_onblur.asp).