Onchange-Ereignis für das Textfeld

Habe ich versucht zu verwenden und onchange-Ereignis für ein text-Bereich, aber nichts hat funktioniert. die normal ändern() oder onChange () - Funktionen gar nichts zu tun.

Ich habe Versucht, Dinge wie 

$('#areaName').on('input', function(){})
$('#areaName').bind('input', function(){})

Ich habe versucht eveything Lösung, die ich gefunden habe online keinen Erfolg.

Brauche ich nur den code zum auslösen einer Funktion, wenn der text im text-Bereich wurde verändert.

  • Wie wäre keypress Veranstaltung?
InformationsquelleAutor Sam M | 2015-06-25
  1. 2

    Den untenstehenden code wie erwartet funktioniert, Getestet in Firefox

       $(function ()
    {
        $('#areaName').change(function () {
            alert($('#areaName').val());
        });
    });
    InformationsquelleAutor
  2. 1

    Diese funktioniert bei mir im Firefox:

     <textarea oninput="alert('input detected')";>initial input text</textarea>
    InformationsquelleAutor Hink
  3. 0

    Versuchen Sie dies:

     <!DOCTYPE html>

    <head>
      <meta charset="utf-8">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
      <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
      <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js" type="text/javascript"></script>
      <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <style>

    </style>
    </head>
    <body>

     <textarea rows="4" cols="50" id="textArea">

     </textarea>
    <script>
      $(document).ready(function(){
        $('#textArea').bind('input propertychange', function() {
          console.log(this.value);
        });
      });
    </script>
    </body>
    </html>
    InformationsquelleAutor Ritesh Karwa
  4. 0

    Verwenden von Tastatur-Events, plunker:

    js:

    $(document).ready(function(){
  $("#area").on("keypress",function(){
    alert("hello")
  })

})

    Wenn Sie jqueryui können Sie erfassen Größe Veranstaltung als:

     $("#area").resizable({
    resize: function() {
        alert("hello2")
    }
 });
    InformationsquelleAutor A.J
Schreibe einen Kommentar