Question

我可以在人们可以编写的div中使用相同的文本在同一页面中创建一个不可编辑的div吗？如何在不点击任何按钮的情况下做到这一点？

我可以使用jQuery。

CSS：

#input, #out { 
  width:400px; height:200px;
  padding:20px;
  border:1px solid;
  overflow:auto;
}

HTML：

<div id="input" contenteditable="true"> </div>
<div id="out"> </div>

Answer 1

这可以使用jQuery完成。

/** Don't forget to include jQuery, and open <script> tags */
jQuery(document).ready(function($){
    $('#input').keyup(function(){
         $('#out').html($(this).val());
    });
});

此外，您似乎将客户端脚本（JavaScript）与服务器端脚本（PHP）混淆。

Answer 2

您可以尝试使用jquery：

$(document).ready(function () {
    $('#in').on('keydown', function () {
        $('#out').html($('#in').html());
    });
});

Answer 3

使用：

<style>
#input, #out { 
  width:400px; height:200px;
  padding:20px;
  border:1px solid;
  overflow:auto;
}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" 
type="text/javascript"></script>

<script>
$(document).ready(function () {
    $('#input').on('keydown', function () {
        $('#out').html($('#input').html());
    });
});
</script>

<div id="input" contenteditable="true"> </div>
<div id="out"> </div>

在没有表单的情况下在同一页面中传递信息

3 个答案: