一、获取焦点:document.getElementById('test').focus()二、移除焦点:document.getElementById('test').blur();
获取
焦点
:focus
当单击或使用Tab键切换到某个表单
元素
或超链接对象时,会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下,整个文档处于
焦点
状态,但是单击或者使用Tab键可以改变
焦点
位置。‘
示例:在页
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>模拟搜索框</title>
<style>
2.当我们使用tab键时键时,那些可以被选中的
元素
被称之为
焦点
元素
。
3.
焦点
元素
都有tabindex属性
4.像a,button,input 这些具有特殊功能的
元素
或则是表单
元素
视为
焦点
元素
。
5.像div,span这种则不是,他们不能被tab键切换选中,但如果你使用:founs给其设置样式,在标准浏览器下是有效的,并且是一直有效(因为不能被选中)
6.去掉:founs普遍只需要outline:none即可,firefox下的button出去外层虚线框外