这里focusin和click事一样的效果啊,请问两个有什么区别吗?

<!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").click('慕课网', fn)

        }

        a();


    </script>

</body>


</html>


代码里面不管是focusin改成click事件还是反过来,都是一样的效果,那两个事件有什么区别吗?


慕仰6432972
浏览 1923回答 2
2回答

qq_包包世界我专业_0

区别很大,focusin事件只能用于能获得焦点的元素,比如用在DIV元素里就没效果了, click可用于任何元素

下雨何

谢邀,jquery不是特别的熟悉但是jquery作为一个js这么流行的框架,它肯定不会做傻事所以我从函数名试图来猜测两个函数的不同,一个是焦点,一个是点击很显然,几乎所有html元素都可以有点击事件,但不是所有的html元素都可以有焦点事件所以,应该是个应用范围的不同,在某些场景focusin比click更适合另外,百度了一下,focusin更应该跟focus进行对比focus指当前元素,focusin可以相应当前元素及其子元素
打开App,查看更多内容
随时随地看视频慕课网APP