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

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

690017359

2017-09-14 10:53


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


写回答 关注

3回答

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

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

    690017...

    非常感谢!

    2017-09-18 23:15:15

    共 1 条回复 >

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

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

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

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

jQuery基础(三)—事件篇

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

89997 学习 · 625 问题

查看课程

相似问题