如何实现将鼠标移入一个DIV时，使该DIV获得焦点，将鼠标移入另一个DIV时，改为获得当前的焦点

Question

如何实现将鼠标移入一个DIV时使得该DIV获得焦点，同时触发事件，并且也只有将鼠标移入另一个DIV时使得这个新DIV获得焦点，并触发相应的事件，与此同时原DIV失去焦点，且原触发的事件也结束。

Answer 1

div哪有焦点事件，你说的应该是input或者textarea把

Answer 2

你说的是div:hover吧？

<div id="aa" onmouseover="mouseover(this.id)" onmouseout="mouseout(this.id)">ha<div>
<div id="bb" onmouseover="mouseover(this.id)" onmouseout="mouseout(this.id)">haha<div>

function mouseover(pid) {
    alert(pid);
}
function mouseout(pid) {
   alert(pid);
}

Answer 3

应该是用textarea而不是div。

Answer 4

这样？

<textarea id="test1"></textarea>
<textarea id="test2"></textarea>
<script type="text/javascript">
    var test1 = document.getElementById('test1');
    var test2 = document.getElementById('test2');
    test1.onmouseover = function(){
        this.focus();
    }
    test1.onmouseout = function(){
        this.blur();
    }
    test2.onmouseover = function(){
        this.focus();
    }
    test2.onmouseout = function(){
        this.blur();
    }
</script>