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

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

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

慕仰6432972 2016-09-10 14:46:13
<!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事件还是反过来,都是一样的效果,那两个事件有什么区别吗?
查看完整描述

2 回答

已采纳
?
qq_包包世界我专业_0

TA贡献14条经验 获得超1个赞


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

查看完整回答
反对 回复 2016-09-10
  • 慕仰6432972
    慕仰6432972
    嗯嗯,谢啦
  • Ben_0032
    Ben_0032
    focus事件一般用于能获取焦点的元素比如input, focusin一般用于包含能获取焦点的元素的父元素比如<div><input><div>中的div
?
下雨何

TA贡献28条经验 获得超23个赞

谢邀,jquery不是特别的熟悉

但是jquery作为一个js这么流行的框架,它肯定不会做傻事

所以我从函数名试图来猜测两个函数的不同,一个是焦点,一个是点击

很显然,几乎所有html元素都可以有点击事件,但不是所有的html元素都可以有焦点事件

所以,应该是个应用范围的不同,在某些场景focusin比click更适合

另外,百度了一下,focusin更应该跟focus进行对比

focus指当前元素,focusin可以相应当前元素及其子元素

查看完整回答
2 反对 回复 2016-09-11
  • 2 回答
  • 0 关注
  • 1922 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信