所以我有这段代码：
<td class="texto1"">
<ad ondblclick="muda1()" class="ad1">
Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
</ad>
</td>
<script>
function muda1(){
var texto = $(".texto1").val();
$(".ad1").hide();
$( ".texto1" ).append("<textarea id='texto1' style='width:100%;height:120px;resize:none;'>"+texto+"</textarea>");
$("#texto1").mouseout(function(){
$("#texto1").hide();
var tex=$("#texto1").val();
$(".ad1").html(tex);
$(".ad1").show();
});
}
</script>
但是它只能工作1次，如果再次在相同的文本中双击，将显示文本区域，但是当我将鼠标移出时它什么也没做。
最佳答案
我修复了一些错误，并且工作正常
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<table>
<tr class="texto1" data-tex="sample text">
<td ondblclick="muda1()" class="ad1" >
Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
</td>
</tr>
</table>
<script>
function muda1(){
var texto = $(".texto1").attr("data-tex");
$(".ad1").hide();
$( ".texto1" ).append("<textarea id='texto1' style='width:100%;height:120px;resize:none;'>"+texto+"</textarea>");
$("#texto1").mouseout(function(){
$("#texto1").hide();
var tex=$("#texto1").val();
$(".ad1").html(tex);
$(".ad1").show();
});
}
</script>
关于javascript - MouseOut功能只能使用1次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42715800/