Herhangi bir değişiklik olursa yakalamak istiyorum <textarea>. Herhangi bir karakteri yazmak (silme, geri alma) veya fare tıklaması ile yapıştırın veya kesin. Tüm bu olaylar için tetiklenebilecek bir jQuery olayı var mı?

Change olayı denedim, ancak yalnızca bileşenden sekme sonra geri aramayı tetikler.

Kullan : a <textarea>herhangi bir metin içeriyorsa bir düğmeyi etkinleştirmek istiyorum .

Bunu gerçekten deneyin:

$('#textareaID').bind('input propertychange', function() {

      $("#yourBtnID").hide();

      if(this.value.length){
        $("#yourBtnID").show();
      }
});

DEMO

Yaptığınız, yazarak, keserek, yapıştırarak yaptığınız değişiklikler için işe yarar.

bindkullanımdan kaldırıldı. Kullanım on:

$("#textarea").on('change keyup paste', function() {
    // your code here
});

Not: Yukarıdaki kod, eşleşen her tetikleyici türü için bir kez olmak üzere birçok kez tetiklenir. Bununla başa çıkmak için şöyle bir şey yapın:

var oldVal = "";
$("#textarea").on("change keyup paste", function() {
    var currentVal = $(this).val();
    if(currentVal == oldVal) {
        return; //check to prevent multiple simultaneous triggers
    }

    oldVal = currentVal;
    //action to be performed on textarea changed
    alert("changed!");
});

jsFiddle Demosu

Bir inputetkinlik kullanın .

var button = $("#buttonId");
$("#textareaID").on('input',function(e){
  if(e.target.value === ''){
    // Textarea has no value
    button.hide();
  } else {
    // Textarea has a value
    button.show();
  }
});

Bu sorunun kaynakları ile daha güncel bir cevaba ihtiyacı vardı. Bu gerçekten işe yarıyor (bunun için sözümü almak zorunda değilsin):

// Storing this jQuery object outside of the event callback 
// prevents jQuery from having to search the DOM for it again
// every time an event is fired.
var $myButton = $("#buttonID")

// input           :: for all modern browsers [1]
// selectionchange :: for IE9 [2]
// propertychange  :: for <IE9 [3]
$('#textareaID').on('input selectionchange propertychange', function() {

  // This is the correct way to enable/disabled a button in jQuery [4]
  $myButton.prop('disabled', this.value.length === 0)

}

1: https://developer.mozilla.org/tr-TR/docs/Web/Events/input#Browser_compatibility
2: BACKSPACE / DEL / do CUT
3'e bastığımızda IE9'daki giriş ateşlenmiyor : https: // msdn .microsoft.com / tr-tr / kütüphane / ms536956 (v = vs.85) .aspx
4: http://api.jquery.com/prop/#prop-propertyName-function

AMA, projeniz boyunca kullanabileceğiniz daha küresel bir çözüm için , yeni, çapraz tarayıcı uyumlu bir etkinlik kazanmak için textchange jQuery eklentisini kullanmanızı tavsiye ederim textchange. Facebook'un ReactJS'si için neredeyse tüm web sitesi için kullandıkları eşdeğer etkinliği uygulayan aynı kişi tarafından geliştirildi onChange. Ve bence, Facebook için yeterince sağlam bir çözümse, muhtemelen sizin için yeterince sağlam olduğunu söylemek güvenli. :-)

GÜNCELLEME: Internet Explorer'da sürükle ve bırak desteği gibi özelliklere ihtiyacınız varsa, bunun yerine pandelldaha yeni güncellenen çatalınıjquery-splendid-textchange kontrol etmek isteyebilirsiniz .

2018, JQUERY olmadan

Soru ile sadece Bilginize var, JQuery.

JS

let textareaID = document.getElementById('textareaID');
let yourBtnID = document.getElementById('yourBtnID');
textareaID.addEventListener('input', function() {
    yourBtnID.style.display = 'none';
    if (textareaID.value.length) {
        yourBtnID.style.display = 'inline-block';
    }
});

HTML

<textarea id="textareaID"></textarea>
<button id="yourBtnID" style="display: none;">click me</div>

İşte daha önce bahsedilenlerden başka (modern) ama biraz farklı bir versiyon. IE9 ile test edilmiştir:

$('#textareaID').on('input change keyup', function () {
  if (this.value.length) {
    // textarea has content
  } else {
    // textarea is empty
  }
});

Eski tarayıcılar için ayrıca selectionchangeve propertychange(diğer yanıtlarda belirtildiği gibi) ekleyebilirsiniz . Ama selectionchangeIE9'da benim için çalışmadı. Bu yüzden ekledim keyup.

Odaklama ile yapmaya çalışın

$("textarea").focusout(function() {
   alert('textarea focusout');
});

bunu dene ...

$("#txtAreaID").bind("keyup", function(event, ui) {                          

              // Write your code here       
 });

.delegate bana jQuery JavaScript Library v2.1.1 ile çalışan tek kişi

 $(document).delegate('#textareaID','change', function() {
          console.log("change!");
    });

Bazı deneylerden sonra bu uygulamaya geldim:

$('.detect-change')
    .on('change cut paste', function(e) {
        console.log("Change detected.");
        contentModified = true;
    })
    .keypress(function(e) {
        if (e.which !== 0 && e.altKey == false && e.ctrlKey == false && e.metaKey == false) {
            console.log("Change detected.");
            contentModified = true;
        }
    });

Herhangi bir giriş ve seçim değişikliğinin yanı sıra ok tuşlarını ve ctrl, cmd, işlev tuşları vb.

Not: Bunu sadece bir FF eklentisi olduğu için FF'de denedim.

Bunu dene

 $('textarea').trigger('change');
 $("textarea").bind('cut paste', function(e) { });