javascript取得焦点和失去焦点

Question

Hopes the codes as below can help u<table id="opTbl" border=0>
<tr>
<td>姓名：</td>
<td onclick="javascript:edit()">Sainery</td>
</tr>
<tr>
<td>年龄</td>
<td onclick="javascript:edit()">23</td>
</tr>
<td colspan="2"><input type="button" value="submit" onclick="showValue()"></td>
</table>
<script type="text/javascript">
function edit(){
elm = event.srcElement;
if (elm.tagName != "TD") return;
oldValue = elm.innerText;
elm.innerHTML = "<input onblur='hide()' value='"+elm.innerText+"' style='width:100%;' name='MEMO'></input>";
document.all("MEMO").select();
}
function hide(){
elm = event.srcElement;
elm.parentNode.innerHTML = elm.value;
if(oldValue != elm.value)
hasChanged = true;
}
function showValue(){
var tabl = document.getElementById("opTbl");
alert("姓名："+tabl.rows[0].cells[1].innerText);
alert("年龄："+tabl.rows[1].cells[1].innerText);
}
</script>

Answer 1

<script language="javascript">
function change(ctype){
if(ctype=='close'){
document.getElementById("test").innerHTML=document.getElementById('text1').value;
//在这里可以将更改后的内容异步提交到后台
}else{
document.getElementById("test").innerHTML="<input type=\"text\" name=\"text1\"  id=\"text1\" value=\""+document.getElementById("test").innerText+"\" onblur=\"change('close')\">"
document.getElementById("text1").select();
}
}
</script>
<div id="test" onClick="change('open');" title="请点击我更改">请点击我更改</div>

Answer 2

不刷新页面提交数据要用到 iframe或者ajax