JQuery-Ereignis für Benutzer, der in einem Textfeld die Eingabetaste drückt?

Question 1

Gibt es ein Ereignis in Jquery, das nur ausgelöst wird, wenn der Benutzer die Eingabetaste in einem Textfeld drückt? Oder ein Plugin, das hinzugefügt werden kann, um dies einzuschließen? Wenn nicht, wie würde ich ein schnelles Plugin schreiben, das dies tun würde?

Question 2

Sie können Ihr eigenes benutzerdefiniertes Ereignis verdrahten

$('textarea').bind("enterKey",function(e){
   //do stuff here
});
$('textarea').keyup(function(e){
    if(e.keyCode == 13)
    {
        $(this).trigger("enterKey");
    }
});

http://jsfiddle.net/x7HVQ/

Question 3

   $('#textbox').on('keypress', function (e) {
         if(e.which === 13){

            //Disable textbox to prevent multiple submit
            $(this).attr("disabled", "disabled");

            //Do Stuff, submit, etc..

            //Enable the textbox again if needed.
            $(this).removeAttr("disabled");
         }
   });

Question 4

Hier ist ein Plugin für Sie: (Fiddle: http://jsfiddle.net/maniator/CjrJ7/)

$.fn.pressEnter = function(fn) {  

    return this.each(function() {  
        $(this).bind('enterPress', fn);
        $(this).keyup(function(e){
            if(e.keyCode == 13)
            {
              $(this).trigger("enterPress");
            }
        })
    });  
 }; 

//use it:
$('textarea').pressEnter(function(){alert('here')})

Question 5

Hier ist ein jquery-Plugin, um das zu tun

(function($) {
    $.fn.onEnter = function(func) {
        this.bind('keypress', function(e) {
            if (e.keyCode == 13) func.apply(this, [e]);    
        });               
        return this; 
     };
})(jQuery);

Um es zu verwenden, fügen Sie den Code hinzu und richten Sie ihn wie folgt ein:

$( function () {
    console.log($("input"));
    $("input").onEnter( function() {
        $(this).val("Enter key pressed");                
    });
});

jsfiddle davon hier http://jsfiddle.net/VrwgP/30/

Question 6

Es sollte sein gut erkannt dass die Verwendung von live() in jQuery wurde veraltet seit Version 1.7 und war ENTFERNT in jQuery 1.9. Stattdessen die Verwendung von on() ist empfohlen.

Ich würde die folgende Methodik für die Bindung dringend empfehlen, da sie die folgenden potenziellen Herausforderungen löst:

Durch die Bindung des Ereignisses an document.body und Übergabe von $selector als zweites Argument an on(), können Elemente an das DOM angehängt, davon gelöst, hinzugefügt oder daraus entfernt werden, ohne dass Ereignisse mit erneuter Bindung oder doppelter Bindung behandelt werden müssen. Dies liegt daran, dass das Ereignis angehängt ist document.body statt $selector direkt, das heißt $selector kann hinzugefügt, entfernt und wieder hinzugefügt werden und wird niemals das daran gebundene Ereignis laden.
Durch Anruf off() Vor on()kann dieses Skript entweder im Hauptteil der Seite oder im Hauptteil eines AJAX-Aufrufs enthalten sein, ohne dass Sie sich Gedanken über versehentliche Doppelbindungsereignisse machen müssen.

Indem Sie das Skript darin einschließen $(function() {...})kann dieses Skript wiederum entweder vom Hauptteil der Seite oder innerhalb des Hauptteils eines AJAX-Aufrufs geladen werden. $(document).ready() wird nicht für AJAX-Anforderungen gefeuert, während $(function() {...}) tut.

Hier ist ein Beispiel:

<!DOCTYPE html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
      $(function() {
        var $selector = $('textarea');

        // Prevent double-binding
        // (only a potential issue if script is loaded through AJAX)
        $(document.body).off('keyup', $selector);

        // Bind to keyup events on the $selector.
        $(document.body).on('keyup', $selector, function(event) {
          if(event.keyCode == 13) { // 13 = Enter Key
            alert('enter key pressed.');
          }
        });
      });
    </script>
  </head>
  <body>

  </body>
</html>

Question 7

Wenn Ihre Eingabe ist searchkönnen Sie auch verwenden on 'search' Veranstaltung. Beispiel

<input type="search" placeholder="Search" id="searchTextBox">

.

$("#searchPostTextBox").on('search', function () {
    alert("search value: "+$(this).val());
});

Question 8

HTML Quelltext:-

<input type="text" name="txt1" id="txt1" onkeypress="return AddKeyPress(event);" />      

<input type="button" id="btnclick">

Java-Script-Code

function AddKeyPress(e) { 
        // look for window.event in case event isn't passed in
        e = e || window.event;
        if (e.keyCode == 13) {
            document.getElementById('btnEmail').click();
            return false;
        }
        return true;
    }

Ihr Formular hat keine Standard-Senden-Schaltfläche