focus不支持冒泡是什么意思？
1 2 3 | <div id="box"><input type="text" id="input"></div> |
1 2 3 4 5 6 7 8 9 | var box = document.getElementById('box');var input = document.getElementById('input');box.addEventListener('click',function(e){console.log('box')})input.addEventListener('focus',function(e){console.log('input')}) |
上述代码，我点击输入框（触发focus），控制台依然会按照“子-父”的顺序输出内容。
不支持冒泡的话，不是应该只输出input触发focus的内容吗？
源自：JS事件
3-1 事件类型（一）
33
收起
正在回答
1回答
你好同学，focus是不冒泡的。当点击输入框的时候才会获得焦点，所以input同时触发了获得焦点和点击两个行为，即触发冒泡的是点击事件，并不是focus。
当点击input后，开始向外层元素查，查到父元素绑了click事件，就执行它。所以也要注意一些，冒泡发生在同一类型的事件中。假设focus会冒泡，也是会冒泡查找父元素的focus事件哦。
另外，你可以打开页面，按tab键，这样也可以获得input的焦点，此时没有鼠标点击它，会发现只执行了子元素的事件哦。
祝学习愉快 ，望采纳。
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧