明明没有target3这个class为什么监听textarea还是可以触发

来源:3-2 jQuery表单事件之change事件

慕粉4140663

2016-11-01 09:14

明明没有target3这个class为什么监听textarea还是可以触发

写回答 关注

6回答

  • sunnylinner
    2016-11-01 10:59:23
    已采纳

    //监听select:

        $(".target2").change(function(e) {

            $("#result").html(e.target.value)

        })


    sunnyl... 回复慕粉4140...

    下次仔细点,还有你回复我的时候,别重新回答,我是收不到通知的,还好没关掉这个页面,byebye

    2016-11-01 11:06:13

    共 2 条回复 >

  • qq_迸发激情_0
    2017-12-04 10:18:08

    至于为什么还会起作用,因为$('.target2')代表了所有带有class为target2的标签,所以两个都起作用。而慕课网实例只是让你熟悉知识点,而代码并不是最优的。你可以把input的类名也变为.target2,这样你只需写一条代码,就可以实现三个标签都能执行事件了:$('.target2').change(function(e){$("#result").html(e.target.value);})

  • 淡水狗
    2017-07-13 16:30:51

    老师写错了,不要在意这些细节

  • 我不是林俊杰
    2016-11-02 15:40:42

    老师写错了  监听textarea实际上触发的是监听select的 因为她俩类名一样,而不存在的那个.target3实际上是没有用到的 你可以删掉看看

  • 慕粉4140663
    2016-11-01 10:51:22

    <div class="aaron3">textarea:

                <textarea class="target2" rows="3" cols="20">多行的文本输入控件</textarea>

            </div>

        </div>

        输出结果:

        <div id="result"></div>

        <script type="text/javascript">

        //监听input值的改变

        $('.target1').change(function(e) {

            $("#result").html(e.target.value)

        })

        //监听select:

        $(".target2").change(function(e) {

            $("#result").html(e.target.value)

        })

         //监听textarea:

        $(".target3").change(function(e) {

            $("#result").html(e.target.value)

        })

        </script>


  • sunnylinner
    2016-11-01 10:32:15

    明明没有target3这个class(老师笔误了)

    监听textarea还是可以触发(能不能仔细看代码)


    sunnyl... 回复慕粉4140...

    你截图一下,我原来的代码早就改了,我指给你看

    2016-11-01 10:49:08

    共 2 条回复 >

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89996 学习 · 625 问题

查看课程

相似问题