例如:<input type='text'>
这个元素可以被选中,也就是可以触发focus
和blur
事件。
那么问题来了:比如自己定义一个<div></div>
,那么能否设置这个元素可以被选中?
已解决:demo:http://codepen.io/linchen1987/pen/myBzPL
- 一种不太好的绕过方式,用这些东西去模拟你想要做的那个 div 吧:A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA
- 监听类似 click 这样的来处理鼠标,然后 div 里塞入一个空的 a 来处理 tabIndex。
等待大神回答。
居然直接加一个 tabindex 就可以,额,我好2B.
自己加一个选中的css样式,如:active。
当你的div被点击或是onmouseover的时候,你给它加上这个active的样式即可~
codepen: http://codepen.io/xjiujiu/pen/LEzJdN
浏览器里看看这个:
<div contenteditable>I look like a textarea</div>
<div tabindex='-1'></div>
这样可以focus与blur,但用tab键顺序切换焦点的时候,不会访问到它。