javascript - jQuery perde l'evento di messa a fuoco


2 Answers

Come questo:

$(selector).focusout(function () {
    //Your Code
});
Question

Sto cercando di mostrare un contenitore se un campo di input ottiene il focus e - questo è il vero problema - nascondi il contenitore se l'attenzione è persa. C'è un evento opposto per l'attenzione di jQuery?

Qualche esempio di codice:

<input type="text" value="" name="filter" id="filter"/>

<div id="options">some cool options</div>

<script type="text/javascript">
  $('#options').hide();

  $('#filter').focus(function() {
    $('#options').appear();
  });
</script>

E quello che mi piacerebbe fare è qualcosa del genere:

$('#filter').focus_lost(function() {
  $('#options').hide();
});



sfocatura evento: quando l'elemento perde lo stato attivo.

evento di fuoco: quando l'elemento, o qualsiasi elemento al suo interno, perde lo stato attivo.

Poiché non vi è nulla all'interno dell'elemento del filtro, in questo caso sia la sfocatura che l'attenuazione funzioneranno.

$(function() {
  $('#filter').blur(function() {
    $('#options').hide();
  });
})

jsfiddle with blur: http://jsfiddle.net/yznhb8pc/

$(function() {
  $('#filter').focusout(function() {
    $('#options').hide();
  });
})

jsfiddle con focusout: http://jsfiddle.net/yznhb8pc/1/




Related