如何让div可以有focus事件

div要想有focus和blur事件时用加上一个属性 tabindex

如：

<div tabindex="2"></div>

这样就有onfocus和onblur事件了。

div此时是有焦点的，鼠标监听事件可以给你准确的答案

<script type="text/javascript">

function addListener(element, e, fn) {

if (element.addEventListener) {

element.addEventListener(e, fn, false)

} else {

element.attachEvent("on" + e, fn)

}

}

addListener(document, "click", function (evt) {

var evt = window.event ? window.event : evt, target = evt.srcElement || evt.target

if (target.id == "input") {

alert("鼠标在input中")

return

} else {

while (target.id != "div" &&target.nodeName.toLowerCase() != "html") {

target = target.parentNode

alert("鼠标在div中")

}

if (target.nodeName.toLowerCase() == "html") {

//焦点在div之外

}

}

})

</script>

---