<!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 回答
下雨何
TA贡献28条经验 获得超23个赞
谢邀,jquery不是特别的熟悉
但是jquery作为一个js这么流行的框架,它肯定不会做傻事
所以我从函数名试图来猜测两个函数的不同,一个是焦点,一个是点击
很显然,几乎所有html元素都可以有点击事件,但不是所有的html元素都可以有焦点事件
所以,应该是个应用范围的不同,在某些场景focusin比click更适合
另外,百度了一下,focusin更应该跟focus进行对比
focus指当前元素,focusin可以相应当前元素及其子元素
添加回答
举报
0/150
提交
取消