jquery 如何给动态生成的textarea绑定scroll事件

<div>
    <texteare><textarea>
     <texteare><textarea>
<div>

div的高度固定100px，textarea的高度也是100px。textarea是动态生成的，当textarea内容很多时会出现垂直滚动条，我想通过jQuery(1.8)获取textarea的滚动事件。

 $('div').on('scroll','textarea',function(){
        //……
        console.log('scroll')
    });

通过上面的代码获取不到textarea scroll事件，因为div并不会滚动。
请问一下该怎么写代码才能获取到动态生成textarea的scroll事件

添加示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 100px;
            height: 100px;
        }
        textarea{
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
<div>
</div>
<button id="add-textarea">添加textarea</button>
<button id="add-data">添加数据</button>
<script src="//cdn.bootcss.com/jquery/1.8.2/jquery.min.js"></script>
<script>
    $('#add-textarea').click(function () {
        $('div').html('<textarea></textarea>')
    })
    $('#add-data').click(function () {
        $('textarea').val('123\n56\n89\n78\n123\n56\n89\n78\n123\n56\n89\n78\n123\n56\n89\n78\n123\n56\n89\n78\n123\n56\n89\n78\n123\n56\n89\n78\n123\n56\n89\n78\n')
    })
    $(document).on('scroll','textarea',function(){
        console.log('scroll')
    })
</script>
</body>
</html>

阅读 7.2k

function initTextarea(parentEl,changeEl,text){ var elTextarea = $('<textarea></textarea>'); elTextarea.on('scroll',function(){ console.log('scroll'); }); $(changeEl).click(function(){ elTextarea.val(text); }); $(parentEl).append(elTextarea); } $('.add').click(function(){ initTextarea(实参1,实参2，实参3); });

jquery 如何给动态生成的textarea绑定scroll事件

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？

如何实现从一个div中拖拽dom到另一个div容器？