Question

将数据从输入框输入的数据传递到左侧的静态记录器中，这样基本上您在右侧输入的内容就会在左侧的自己的小框中输出？我需要一些js php帮助吗？

<div class="div-left">
text logged input
</>

<div class="div-right">
text box input
</>

Answer 1

您需要在输入时附加事件侦听器以输入和更新目标元素。

例如：

var left = document.getElementById('left');
var p = document.querySelector('.box p');
left.addEventListener('input', function(){
  p.innerText = left.value;
})

1

Answer 2

您不能直接输入div。您可以输入输入标签并删除边框。要使文本在键入时更改，请使用onkeyup反对事件监听器

function myFunction(){
text = document.getElementById("input").value;
document.getElementById("div-right").innerHTML = text;
}

//input {border:0;outline:0;}
//input:focus {outline:none!important;}

<div id="div-left" style="width:40%;float:left;margin-left:50px">
<input id = "input" onkeyup="myFunction()"\>
</div>
<div id="div-right" style="float:right;margin-right:50px;width:40%">
text box input
</div>

Answer 3

使用jQuery很简单。

$('textarea').click(function(){$(this).select();});

$('textarea').keyup(function(){
   $('div').text($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>


<textarea style="float:left;">Please type here</textarea>
<div style="white-space:pre;float:left; margin-left:30px;"></div>

从页面的一侧向右传递数据？

3 个答案: