Verhindert Unschärfe, wenn der Benutzer klickt auf bestimmten div funktioniert nicht im Firefox

Bin ich mit Hilfe von jquery den Fokus auf ein Textfeld, wenn Sie auf einen bestimmten div. Es funktioniert gut in Internet Explorer aber nicht in Firefox. Irgendwelche Vorschläge?

var clickedDiv = false;

$('input').blur(function() { if (clickedDiv) { $('input').focus(); } });

$('div').mousedown(function() { clickedDiv = true; })
        .mouseup(function() { clickedDiv = false });
InformationsquelleAutor | 2009-07-08
  1. 4

    Punkt zu beachten: der focus () - Methode auf ein jquery-Objekt sich eigentlich nicht: es nur Fällen die Fokus-handler aufgerufen werden! tatsächlich konzentrieren sich die Artikel, sollten Sie dies tun:

    var clickedDiv = false;
$('input').blur( function() {
    if(clickeddiv)  {
        $('input').each(function(){this[0].focus()});
    }
}
$('div').mousedown(function() { clickedDiv = true; })
        .mouseup(function() { clickedDiv = false });

    Hinweis, dass ich die focus () - Methode auf native DOM-Objekte, nicht die jquery-Objekte.

    Dies ist eine direkte (brute-force) zu ändern, um Ihre genauen code. Allerdings, wenn ich verstehe, was Sie versuchen zu tun richtig, Sie versuchen zu konzentrieren, ein Eingabe-Feld, wenn ein bestimmtes div geklickt wird , wenn die Eingaben im Fokus.

    Hier ist mein nehmen auf, wie Sie es tun würde:

    var inFocus = false;
$('#myinput').focus(function() { inFocus = true; })
             .blur(function() { inFocus = false; });
$('#mydiv').mousedown(function() {
    if( inFocus )
        setTimeout( function(){ $('#myinput')[0].focus(); }, 100 );
}

    Punkt zu beachten: ich habe da ein timeout zu fokussieren, der Eingang in Frage, so dass die Eingabe tatsächlich gehen unscharf in der Zwischenzeit. Sonst hätten wir ihm konzentriert sich nur vor, es ist über Sie zu verlieren. Für die Entscheidung von 100 ms, es ist wirklich ein Glücksfall hier.

    Cheers,

    jrh

    BEARBEITEN in der Antwort auf @Jim ' s Kommentar

    Die erste Methode wahrscheinlich nicht funktionieren, weil es war der falsche Ansatz, um mit zu beginnen.

    Als für die zweite Frage, sollten wir nutzen .focus() auf den systemeigenen DOM-Objekt und nicht auf das jQuery-wrapper um es, weil der native .focus() Methode bewirkt, dass das Objekt tatsächlich schnappen Sie sich konzentrieren, während die jquery-Methode ruft einfach nur die event-handler verbunden mit der focus Veranstaltung.

    So, während die jquery-Methode ruft das focus-Ereignis-handler, der die native Methode tatsächlich gewährt Fokus daher verursacht der handler aufgerufen werden. Es ist nur bedauerlich, Nomenklatur, dass der name dieser Methode überschneidet.

    • Danke für die schnelle Antwort. Jedoch, die erste Lösung, die Sie geschrieben hat nicht funktioniert entweder im browser. Auch bin ich neugierig, warum sollte ich verwenden focus() auf einem systemeigenen DOM-element anstelle des Fokus() für ein jquery-Objekt, weil nach der jquery-Dokumentation: Fokus auf ein login-Eingabefeld mit der id "login", auf Seite Start, versuchen Sie Folgendes: $(document).ready(function(){ $("#login").focus(); }); Ihre andere Lösung ist schon Klasse, aber gibt es eine Möglichkeit, brechen Sie einfach die Unschärfe alle zusammen, anstatt zu warten, um den Fokus wieder? Danke.
    • Sollten Sie den timeout auf 0 MS, so dass es ausgeführt wird, sobald der thread im Leerlauf befindet. Andernfalls sehen Sie möglicherweise ein flackern des Fokus auf ein anderes element. Das blur-Ereignis ist nicht kündbar.
    • hm. danke für den Tipp 🙂
    InformationsquelleAutor jrharshath
  2. 1

    Ich entschloss mich, es einfach durch ersetzen auf blur-Ereignis von document.onclick und prüfen geklickt-element, wenn keine Eingabe oder div 

    var $con = null; //the input object
var $inp = null; //the div object

function bodyClick(eleId){
    if (eleId == null || ($inp!= null && $con != null && eleId != $inp.attr('id') &&   
            eleId != $con.attr('id'))){
        $con.hide();
    }
}
function hideCon() { 
    if(clickedDiv){
         $con.hide();
    }

}
function getEl(){
var ev = arguments[0] || window.event,
origEl = ev.target || ev.srcElement;
eleId = origEl.id;
bodyClick(eleId);
}
document.onclick = getEl;

    hoffe, u finden, ist es nützlich

    InformationsquelleAutor Heba
Schreibe einen Kommentar