试试这个吧:

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

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

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

DEMO

这适用于你所做的任何更改，输入，剪切，粘贴。

不推荐使用Bind。使用:

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

注意:上面的代码将触发多次，每个匹配的触发器类型一次。要处理这个问题，可以这样做:

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演示

使用输入事件。

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();
  }
});

试着集中精力做这件事

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

这是另一个(现代的)版本，但与之前提到的略有不同。经IE9测试:

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

对于过时的浏览器，您还可以添加selectionchange和propertychange(如在其他答案中提到的)。但是在IE9中，选择更改对我不起作用。这就是为什么我加了keyup。

2018，没有JQUERY

这个问题是关于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>