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

Jquery 在没有表单的情况下在同一页中传递信息,jquery,Jquery,我可以有一个div,人们可以在同一页上书写,并且有一个不可编辑的div,具有相同的文本吗?如何做到这一点,而不点击任何按钮 我可以使用jQuery 我举了一个例子: CSS: HTML: 您可以尝试使用jquery: $(document).ready(function () { $('#in').on('keydown', function () { $('#out').html($('#in').html()); }); }); 这可以通过jQuery完成

我可以有一个div,人们可以在同一页上书写,并且有一个不可编辑的div,具有相同的文本吗?如何做到这一点,而不点击任何按钮

我可以使用jQuery

我举了一个例子:

CSS:

HTML:


您可以尝试使用jquery:

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

这可以通过jQuery完成

/** Don't forget to include jQuery, and open <script> tags */
jQuery(document).ready(function($){
    $('#input').keyup(function(){
         $('#out').html($(this).val());
    });
});
/**别忘了包括jQuery和open标记*/
jQuery(文档).ready(函数($){
$('#input').keyup(函数(){
$('#out').html($(this.val());
});
});
此外,您似乎混淆了客户端脚本(JavaScript)和服务器端脚本(PHP)。

使用:

<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>

#输入#输出{
宽度:400px;高度:200px;
填充:20px;
边框:1px实心;
溢出:自动;
}
$(文档).ready(函数(){
$('#input')。on('keydown',function(){
$('#out').html($('#input').html());
});
});

这将是纯JavaScript,因此您不应该使用PHP。为什么要否定这一点?。如果我知道为什么我可以解决它,我尝试在这里,它不工作。我遗漏了什么?:里面有大写字母U:)哥们,开始查找文档。您知道,RTFM:)如果您有简单的需要,请使用javascript.Ops避免加载jQuery。我不知道发生了什么事。固定的。
/** Don't forget to include jQuery, and open <script> tags */
jQuery(document).ready(function($){
    $('#input').keyup(function(){
         $('#out').html($(this).val());
    });
});
<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>