html中，如何设置元素可以被选中？

Question

例如：<input type='text'> 这个元素可以被选中，也就是可以触发focus和blur事件。

那么问题来了：比如自己定义一个<div></div>，那么能否设置这个元素可以被选中？

已解决：demo：http://codepen.io/linchen1987/pen/myBzPL

Answer 1

<div tabindex='-1'></div>

这样可以focus与blur，但用tab键顺序切换焦点的时候，不会访问到它。

Answer 2

1. 一种不太好的绕过方式，用这些东西去模拟你想要做的那个 div 吧：A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA
2. 监听类似 click 这样的来处理鼠标，然后 div 里塞入一个空的 a 来处理 tabIndex。

等待大神回答。

居然直接加一个 tabindex 就可以，额，我好2B.

Answer 3

自己加一个选中的css样式，如：active。
当你的div被点击或是onmouseover的时候，你给它加上这个active的样式即可～
codepen: http://codepen.io/xjiujiu/pen/LEzJdN

Answer 4

浏览器里看看这个：

<div contenteditable>I look like a textarea</div>