                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

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

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

不完美

2016-10-25

源自：jQuery基础(三)—事件篇 2-8

关注问题我要回答

1131

操作

收起

3 回答

qq_Dandelion_3
2017-04-08

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

0 回复有任何疑惑可以回复我~

收起回答

Panda_Q
2016-10-26

//不同函数传递数据

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

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

}

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

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

}

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

0 回复有任何疑惑可以回复我~

收起回答

不完美提问者
2016-10-25

<!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>