Question

是否可以通过JavaScript检测textarea值的变化？

我知道input和var area = document.getElementById('area'); area.addEventListener('input', function(){ alert(); }); area.value = "hi"; // Shouldn't it fire the alert here?的事件侦听器可以检测用户所做的更改，但我正在尝试检测何时以编程方式更改了值。

还有其他办法吗？

示例：

<textarea id="area"></textarea>

{{1}}

Answer 1

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>

<body>
    <textarea>Default value</textarea>

    <script>
            console.log($('textarea').val());
            $('textarea').bind('input propertychange', function() {
                console.log(this.value);
            });
    </script>
</body>

</html>

Answer 2

在jQuery中，你可以

$('#area').on('change keyup page', function(){
  alert();
});

使用JavaScript更改了textarea值的EventListener？

2 个答案: