$els.focusin([eventData],handler)中fn函数什么意思

来源:2-8 jQuery鼠标事件之focusin事件

不完美

2016-10-25 20:37

没看到哪里定义了fn函数啊,而且不知道为啥要写fn,但是我把fn注释掉,然后就聚焦的时候,看不到慕课网三个字了,求解释,fn

写回答 关注

3回答

  • qq_Dandelion_3
    2017-04-08 11:00:59

    fn只是函数名,是由你自己命名的,你可以改成an、bn、cn(取一个有意义的名字就行了)。

  • Panda_Q
    2016-10-26 20:15:49

      //不同函数传递数据

            function fn(e) {                       //这里就定义函数fn了

                 $(this).val(e.data)            //this就调用执行函数fn了

            }


            function a() {                               //这里就定义函数a

                $("input:last").focusin('慕课网', fn)     //focusin传参

            }

            a();                                            //调用执行函数a


  • 不完美
    2016-10-25 20:37:51

    <!DOCTYPE html>
    <html>

    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title></title>
        <style>
        .left div,
        .right div {
            width: 500px;
            height: 50px;
            padding: 5px;
            margin: 5px;
            float: left;
            border: 1px solid #ccc;
        }
        .left div {
            background: #bbffaa;
        }
        
        .right div {
            background: yellow;
        }
        </style>
        <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    </head>

    <body>
        <h2>.focusin()方法</h2>
        <div class="left">
            <div class="aaron">
                点击聚焦:<input type="text" />
            </div>
        </div>
        <div class="right">
            <div class="aaron1">
                点击聚焦并传递参数:<input type="text" />
            </div>
        </div>


        <script type="text/javascript">

            //input聚焦
            //给input元素增加一个边框
            $("input:first").focusin(function() {
                 $(this).css('border','2px solid red')
            })

        </script>


        <script type="text/javascript">

            //不同函数传递数据
            function fn(e) {
                $(this).val(e.data)
            }

            function a() {
                $("input:last").focusin("慕课网", fn)
            }
            a();

        </script>
    </body>

    </html>

jQuery基础(三)—事件篇

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

89997 学习 · 625 问题

查看课程

相似问题