Problema con jquery blur() evento su elemento Div

Ho problemi a nascondere alcuni popup che sono basati su div. quando clicco fuori quei div non si nascondono. Ecco il codice di esempio quello che sto facendo ..Problema con jquery blur() evento su elemento Div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 

    <script type="text/javascript" src="../JS/jquery-1.3.2.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() 
     { 
      $("#MainCanvas div").blur(function() 
      { 
       alert("blured"); 
      }); 
     }); 
    </script> 

</head> 
<body> 
    <div id="MainCanvas" style="width: 400px; height: 350px; border: solid 1px black;"> 
     <div class="ui-widget-content" style=" vertical-align:middle; height:60px; border: solid 2px black; width:300px;"> 
      Drag me around 
     </div> 
    </div> 

</body> 
</html>

fonte

2009-12-31 Jehanzeb afridi

duplicati di http://stackoverflow.com/questions/1259716/how-to-blur-the-div-element –

Se non ricordo male, solo A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA creare eventi di messa a fuoco/sfocatura. Se si desidera nascondere il popup facendo clic all'esterno, è necessario ad esempio ascoltare gli eventi di clic sul documento e verificare se l'evento si è verificato all'interno o all'esterno del popup.

codice di esempio:

$(document).click(function(e){ 
    if($(e.target).is('#MainCanvas, #MainCanvas *'))return; 
    $('#MainCanvas').hide(); 
});

fonte

2009-12-31 12:58:28 Rafael

Oppure si potrebbe usare mouseout se non vuoi che i tuoi utenti debbano fare clic. Se devono fare clic da qualche parte, si potrebbe anche avere un pulsante di chiusura nella finestra di dialogo e fare clic su di esso. – tvanfosson

Grazie Rafael .. Ho ottenuto il punto .. –

@Jehanzebafridi non dimenticare di controllare la risposta che accettate come accettata (l'icona sotto il numero di sinistra della risposta) – Moak

L'idea migliore sarebbe quella di gestire l'evento MouseDown e controllare l'elemento che ha richiamato l'evento.

fonte

2009-12-31 13:01:25 rahul

ho fatto utilizzando il seguente codice

<script> 
    $(document).click(function (e) { 
     if ($(e.target).is('._dpcontrol, ._dpcontrol *')) 
      return; 
     $('._dpcontrol').each(
       function (index, value) { 
        var retrivedtextbox = $(this).find('._dpitem')[0]; 
        $(retrivedtextbox).fadeOut(); 
       });  
    }); 
</script>

fonte

2012-06-25 12:05:03

È possibile aggiungere l'attributo tabindex su div tag:

<div class="my_div" tabindex="3"></div>

e dopo quell'evento sfocatura lavoreranno:

$('.my_div').blur(function(){ 
    //code ... 
});

fonte

2013-03-06 18:21:45

non funzionante -.- –

Ho preso in prestito un suggerimento da più soluzioni per semplificare le cose. Fondamentalmente quando metto a fuoco qualcosa voglio che appaia, ma se clicco su di esso, voglio che si nasconda di nuovo. Quindi, se clicco su qualcosa INSIDE del div che è apparso, il mio click andrà a vedere se trova un genitore chiamato "DivHoldingcustomController". Se è così, non fare nulla. Se non lo fa (perché ho cliccato da qualche altra parte, quindi ho fatto clic su non ha questo genitore), quindi nascondi il controller personalizzato.

$(document).on("click", function (event) { 
     var groupSelectorArea = $(event.target).closest(".DivHoldingCustomController").length == 1; 
     if (!groupSelectorArea) 
      $(".SomethingIWantToHide").hide(); 
    });

fonte

2014-04-30 16:42:33 Lukas

È possibile utilizzare mouseleave metodo e soluzione

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $("#MainCanvas div").mouseleave(function() 
     { 
      alert("mouseleave"); 
     }); 
    }); 
</script>

fonte

2014-10-15 21:00:15 zhilevan

jQuery ha .focusin() e .focusout() metodi per la rilegatura di confondere e mettere a fuoco gli eventi su elementi che non sparano un evento sfocatura javascript nativo. jQuery focusout

fonte

2014-11-11 10:16:12

per div focusOut blur() funzionerà

$('#divCustomerGroup').focusout(function() { 
      alert('yo'); 
     });

fonte

2015-10-06 13:22:13

in alto! Semplice ed elegante. –

grazie fratello ... Yo –

Problema con jquery blur() evento su elemento Div

risposta

Problemi correlati