问答详情
源自:2-8 jQuery鼠标事件之focusin事件

点击聚焦并传递参数,第二个文本框是绿色的,没看到他添加的css样式啊


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


提问者:690017359 2017-09-14 10:53

个回答

  • L大超
    2017-09-14 15:24:56
    已采纳

    获得焦点后用outline:none可以去掉默认的蓝色边框,写在css中也行:input:focus

  • 史努比向前进
    2017-09-14 15:25:03

    有啊,我看到那个添加了样式哟

  • L大超
    2017-09-14 15:18:41

    第二个有一点蓝色的边框是文本控件的默认样式