js 鼠标事件问题!

Question

<script language="javascript">
function onClick(){
document.getElementById("onClick").innerHTML="<input type='text' id='onBlur' value='光标移开应该隐藏' onBlur='onBlur()'>";
}
function onBlur(){
document.getElementById("onClick").innerHTML="光标移开后应该显示";
}
</script>
<div id="onClick" onClick="onClick()" style="border:1px solid #000000">点击显示</div>效果描述:
在点击DIV容器后触发事件,改变DIV容器内容为表单,在光标移开表单后DIV容器在进行改变.
问题描述:
在单击DIV容器后可以实现显示表单,但显示的表单无法获得光标,无法在实现光标移开表单后DIV容器的改变.

Answer 1

function onClick(){
    document.getElementById("onClick").innerHTML="<input type='text' id='onBlur' value='光标移开应该隐藏' onBlur='onBlur()'>";
document.getElementById("表单ID号").focus(); //或者使表单某个对象获得焦点
}

Answer 2

<script language="javascript">
function onClick(){
    document.getElementById("onClick").innerHTML="<input type='text' id='onBlur' value='光标移开应该隐藏' onmouseout='onBlur()'>";
}
function onBlur(){
    document.getElementById("onClick").innerHTML="光标移开后应该显示";
}
</script>
<div id="onClick" onClick="onClick()" style="border:1px solid #000000">点击显示</div>

Answer 3

onmouseout不是我想要的效果输出表单的原因就是我要更改它,主要应该解决的是如何让光标出现在表单里.

Answer 4

如何让光标出现在表单里现在时JS改变DIV后出现的表单里没有光标.可以运行代码看一下.

Answer 5

function onClick(){
    document.getElementById("onClick").innerHTML="<input type='text' id='onBlur' value='光标移开应该隐藏' onBlur='onBlur()'>";
    document.getElementById("onClick").getElementsByTagName("input")[0].focus();
}
function onBlur(){
    document.getElementById("onClick").innerHTML="光标移开后应该显示";
}

Answer 6

<script language="javascript">
function onClick(){
    document.getElementById("onClick").innerHTML="<input type='text' id='onBlur' value='光标移开应该隐藏' onBlur='onBlur()'>";
    document.getElementById("onClick").onclick=null
}
function onBlur(){
    document.getElementById("onClick").innerHTML="光标移开后应该显示";
}
</script>
<div id="onClick" onClick="onClick()" style="border:1px solid #000000">点击显示</div>