<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>method_1.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/day30/js/jquery-1.8.2.js"></script>
</head>
<body>
<table border="1" align="center">
<tr>
<td>
用户名
</td>
<td>
<div style="width:165px;height:23px">双击填写你的用户名</div>
</td>
</tr>
</table>
<script type="text/javascript">
//双击<div>中的文本,用文本框替换文本
$("div").dblclick(function(){
//这里定义的文本框要写成JQuery对象的(写成"<input type='text' name='username'>"也可以,不过在定义焦点失去事件时,好像不能用)
var text=$("<input type='text' name='username'>");
$(this).replaceWith(text);
//定义一个焦点失去事件
text.blur(function(){
var value=$(this).val();
var div=$("<div style='width:165px;height:23px'>"+value+"</div>");
$(this).replaceWith(div);
});
});
</script>
</body>
</html>
这里有个问题,就是第一次填的成文本框的时候可以写,为什么在第二双击的时候就不能改变了?
各位高手们,请指考一下