点击li标签后其中插入一个输入框，为什么输入框的keyup事件要分开监听

Question

给li标签添加点击事件，点击时给其中插入一个输入框供用户输入，用户再次点击这个选项（li标签）那么输入框消失，如果用户答过题，再次进来之后有答案的选项里是有输入框的并且里面是用户之前提交填写过的内容，为什么我1.先点击选项再点击插入的输入框监听keyup事件和2.之前答过题再进来直接点击已选项里的输入框监听keyup事件要分开监听？

            $(".type-2 li").bind("click",function(e){
                // 1.先选中选项再监听里面的输入框
                $(this).children('textarea').bind('keyup',function (e) {
            });
            
            
             // 2.再次进来直接在输入框输入文字
            $('.swiper-slide.type-2 textarea').bind('keyup',function (e) {
            })            

Answer 1

找到原因了，因为点击后插入的dom输入框正常监听是兼听不到的，用live或者$(document).on(事件名,元素,回调)可以监听到