Deaktivieren Neue Zeile in der Textarea, wenn ENTER Gedrückt

Ich bin eine Funktion aufrufen, wenn jemand die Taste enter in der textarea. Jetzt möchte ich deaktivieren new line oder break bei enter gedrückt wird.

So new line sollte funktionieren, wenn shift+enter gedrückt wird. In diesem Fall, die Funktion sollte nicht genannt werden.

Hier ist das jsfiddle demo:
http://jsfiddle.net/bxAe2/14/

InformationsquelleAutor Hassan Sardar | 2013-09-13

  1. 31

    versuchen, diese

    $("textarea").keydown(function(e){
//Enter was pressed without shift key
if (e.keyCode == 13 && !e.shiftKey)
{
    //prevent default behavior
    e.preventDefault();
}
});

    aktualisieren Sie Ihre Geige in der

    $(".Post_Description_Text").keydown(function(e){
if (e.keyCode == 13 && !e.shiftKey)
{
  //prevent default behavior
  e.preventDefault();
  //alert("ok");
  return false;
  }
});
    Damit wird die Frage beantwortet. Beachten Sie, dass es auch andere Möglichkeiten, um einen Zeilenumbruch in deiner textarea, wie das einfügen oder drag&drop. In diesem Fall möchten Sie vielleicht, um auch mit dem change-Ereignis, und ersetzen Sie die \\r \ \ n statt der Verhinderung der Veranstaltung.
    Vielen Dank für die Kommentare. Ja, es sieht aus wie der OP wollte (4,5 Jahre alt) tatsächlich erlauben new line chars in seinem text mit shift enter

    InformationsquelleAutor Scary Wombat

  2. 0
        $(".Post_Description_Text").keypress(function(event) {

      if (event.which == 13) {        

        alert("Function is Called on Enter");

          event.preventDefault(); //Add this line to your code

       }

   });

    InformationsquelleAutor Nirav Thakar

  3. 0

    Für Eckige Benutzer

    Obwohl es bestehende Lösungen arbeiten, wenn jemand kommt, über diese Frage mit Winkel, können Sie deaktivieren Sie neue Zeilen mit den folgenden:

    Hinzufügen <textarea ng-trim="false" ng-model='your.model' ...

    Im controller hinzufügen:

    $scope.$watch('your.model', function(newvalue, oldvalue) {
    if (newvalue && newvalue.indexOf('\n') > -1) {
       $scope.your.model = oldvalue;
    }
});

    InformationsquelleAutor Matt Goodrich

  4. -3

    verwenden Sie die input - tag statt textArea - tag in Ihren HTML -

    Eingänge können nicht brechen Linien. CSS-Lösungen sind nicht standard. Die einzige Möglichkeit ist die Verwendung einer textarea für die langen Eingänge.

    InformationsquelleAutor Rashad Rose

Schreibe einen Kommentar