为了账号安全,请及时绑定邮箱和手机立即绑定

点击聚焦并传递参数,第二个文本框是绿色的,没看到他添加的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>


正在回答

3 回答

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

3 回复 有任何疑惑可以回复我~
#1

690017359 提问者

非常感谢!
2017-09-18 回复 有任何疑惑可以回复我~

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

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

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

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

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信