Firefox keydown-backspace-Problem

Baue ich eine terminal-emulation und läuft in ein Problem mit der Aufnahme backspace in Firefox. Ich bin in der Lage, nab die ersten backspace und entfernen Sie das Letzte Zeichen auf die Eingabe an der Eingabeaufforderung, aber es wird nicht andauern, und entfernen Sie mehr als ein Zeichen.

Eigentlichen website: http://term.qt.io/

Replikation hier: http://jsfiddle.net/BgtsE/1/

JavaScript-code

function handleKeys(e){
    var evt = e || window.event;
    var key = evt.charCode || evt.keyCode;
    if(evt.type == "keydown")
    {
        curr_key = key;
        if(key == 8)
        {
            evt.preventDefault();
            if(0 < $('body').text().length)
                $('body').text($('body').text().slice(0,-1));
        }
    }
    else if(evt.type == "keypress")
    {
        if(97 <= key && key <= 122)
        {
            if(curr_key != key)
                $('body').append(String.fromCharCode(key));
        }
        else
            $('body').append(String.fromCharCode(key));
    }
}
$(function(){
    $('html').live({
        keydown:function(e){
            handleKeys(e);
        },
        keypress:function(e){
            handleKeys(e);
        }
    })
})

FYI, live() ist veraltet, da der jQuery-1.7. Sollten Sie verwenden bind() oder on().
Ihre Geige für mich funktioniert. Ob Sie die Rücktaste, automatische Wiederholungen können abhängig von der OS oder browser. Ich bin mit OS X Snow Leopard und Chrom 24.
Mit Firefox 17.0.1 unter Windows einige Fehler in Scheiben schneiden. Ich werde mehr Details in der "Antwort", aber es scheint wie eine Art bug
Ja, es ist ein Firefox-spezifischen Fehler.
Problemumgehung zu implementieren, Ihre eigenen auto-repeat. keydown-handler ruft setInterval() wiederholen Sie die Aktion regelmäßig, keyup-handler abgebrochen.
Fix ist: $('body').text($('body').text().substring(0,$('body').text().length-1));
wiederholen ist nicht das Problem für firefox für windows 17.0.1, ist es den zusätzlichen Zeilenumbruch mit $('body').text()

InformationsquelleAutor Zack Zatkin-Gold | 2012-12-27

Versuchen Sie dies: http://jsfiddle.net/NBZG8/1/

Müssen Sie behandeln die Rücktaste in beiden keydown-und keypress zu unterstützen Chrome und Firefox

function handleKeys(e){
    var evt = e || window.event;
    var key = evt.charCode || evt.keyCode;

    if (evt.type == "keydown") {
        curr_key = key;
        if(key == 8 && !$.browser.mozilla) {
            backspaceHandler(evt);
        }
    } else if (evt.type == "keypress") {
        if (key == 8) {
            backspaceHandler(evt);
        } else if (97 <= key && key <= 122) {
            if(curr_key != key) {
                $('body').append(String.fromCharCode(key));
            }
        } else {
            $('body').append(String.fromCharCode(key));
        }
    }
}

function backspaceHandler(evt) {
    evt.preventDefault();
    if(0 < $('body').text().length) {
        $('body').text($('body').text().slice(0,-1));
    }  
};

$(function(){
    $('html').live({
        keydown : handleKeys,
        keypress : handleKeys
    })
})

InformationsquelleAutor snjoetw

In firefox für Windows 17.0.1 jeder Wert, der zurückgegeben wird, durch $("Auswahl").text() hat ein neue-Zeile-Zeichen am Ende angehängt. Also die Teilfolge hat bei mir nicht funktioniert:

<html>
    <head>
        <title>test</title>
        <script src="jquery.js"></script>
        <script>
            $("document").ready(function(){
                console.log("body text seems to have a new line character");
                console.log(($('body').text()[5]=="\n"));
            });

            function handleKeys(e){
                var evt = e || window.event;
                var key = evt.charCode || evt.keyCode;
                if(evt.type == "keydown")
                {
                    curr_key = key;
                    if(key == 8)
                    {
                        evt.preventDefault();
                        if(0 < $('body').text().length)
                            //next line works, you might trim the \n if it's there at the end
                            //$('body').text($('body').text().slice(0,-2));
                            //this one didn't work for me
                             $('body').text($('body').text().substring(0,$('body').text().length-1)); 
                    }
                }
                else if(evt.type == "keypress")
                {
                    if(97 <= key && key <= 122)
                    {
                        if(curr_key != key)
                            $('body').append(String.fromCharCode(key));
                    }
                    else
                        $('body').append(String.fromCharCode(key));
                }
            }
            $(function(){
                $('html').live({
                    keydown:function(e){
                        handleKeys(e);
                    },
                    keypress:function(e){
                        handleKeys(e);
                    }
                })
            })
        </script>
    </head>
    <body>12345</body>
</html>

InformationsquelleAutor HMR

Ich hatte das gleiche Problem mit Tastendruck auf mozilla.
Dank diesem Thema, es löst mein problem, also poste ich meinen code, wenn jemand versuchen, das gleiche zu tun wie ich.

In meinem Beispiel versuche ich zu auto-space, wenn der Benutzer geben Sie zwei zahlen, und es hat nicht funktioniert in Firefox so, dass ist mein code :

$(function() {

    $('#field1, #field2').on('keypress',function(event) {
        event = event || window.event;
        var charCode = event.keyCode || event.which,
            lgstring = $(this).val().length,
            trimstring;
        if(charCode === 8) {
            event.returnValue = false;
            if(event.preventDefault)
                event.preventDefault();
            if(0 < $(this).val().length) {
                $(this).val($(this).val().slice(0,-1));
            }  
        }
        else if(((charCode > 31) && (charCode < 48 || charCode > 57)) || lgstring >= 14) {
            event.returnValue = false;
            if(event.preventDefault)
                event.preventDefault();
        }
        else {
            trimstring = $(this).val().replace(//g,"");
            if((lgstring !== 0) && (trimstring.length % 2) === 0 ) {
                $(this).val($(this).val() + ' ');
            }
        }
    });

});

Bemerkte ich, dass Mozilla Griff die Rücktaste als keypress wo Chrome nicht.

Sorry für mein Deutsch ich bin Französisch

InformationsquelleAutor Steve

$('#id').keypress(function(e) {

if(e.charCode > 0 || e.keyCode === 8){
 if(e.keyCode === 8){
   return true;
 }else if((e.charCode !== 0) && ((e.charCode  > 57 && e.charCode  < 65)){
   return false;
   }
 }else if((e.keyCode !== 0) && ((e.keyCode  > 57 && e.keyCode  < 65)){
  return false;
 }
});

InformationsquelleAutor Keshav Reddy Adunuthula

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.