使用jQuery更新textarea值更改的文本

Question

我有一个textarea.当textarea中的值通过键入或通过另一个jQuery函数放置一些值或粘贴来更改textarea中的值时,我需要更新div中的文本.

$(document).ready(function(){
    function myFunc() {
        var input = $("#myTxt").val();
        $("#txtHere").text(input);
    }       
    myFunc();

    // EDIT BELOW -- this will update while typing
    $("#myTxt").keyup(myFunc);

});

<textarea id="myTxt"></textarea>
<div id="txtHere"></div>

它加载页面加载的值,但我不知道用什么来检查textarea中的值...

Answer 1

$(document).ready(function(){
    function myFunc(){
        var input = $("#myTxt").val();
        $("#txtHere").text(input);
    }       
    myFunc();

    //either this
    $('#myTxt').keyup(function(){
        $('#txtHere').html($(this).val());
    });

    //or this
    $('#myTxt').keyup(function(){
        myFunc();
    });

    //and this for good measure
    $('#myTxt').change(function(){
        myFunc(); //or direct assignment $('#txtHere').html($(this).val());
    });
});

Answer 2

对于textarea,只有当textarea失去焦点时才会调用.change函数.

我在这个链接找到了我的解决方案:如何在jQuery中绑定textarea的change事件？

$('#textareaID').bind('input propertychange', function() {
      $("#yourBtnID").hide();

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

这对我很有用.它处理任何类型的更改,包括粘贴.

加上this.value.length是一种简洁的方式来查看textarea是否已被清除.

干杯!