-5

우리 모두 StackOverFlow의 시스템을 알고 있습니다. 기본적으로 질문을 보내는 동안 작성한 텍스트의 모습을 볼 수 있습니다.입력하는 동안 볼 텍스트가 업데이트됩니다.

나는 내 웹 사이트에서도이 사진을 만들려고합니다. 시작하고 싶습니다.

분명히 당신이 저를 위해 그 코드를 작성할 것을 기대하지는 않지만, 제가 그것을 위해 무엇이 필요하며 어떻게 작동하는지 조금 설명해야합니다.

출처

2014-10-24 albert machilov

이것은 화제가 아닙니다 – Victor2748

무엇을 의미합니까? –

Stackoverflow는 특정 코드 관련 문제에 대한 도움을 요청하기위한 것입니다. 이것을 읽어 보시기 바랍니다 : http://stackoverflow.com/help/how-to-ask – Victor2748

편집 : 대신 JQuery와의 사용 바닐라 JS

http://jsfiddle.net/wmjnaj6n/4/

HTML

<input type='text' id='input'> 
<div id='update'></div>

자바 스크립트

var element = document.getElementById('input'); 
var target = document.getElementById('update'); 
element.addEventListener('keyup', function() { 
    target.innerHTML = this.value; 
});

완성도를 들어

, JQuery와 w ay가 될 것입니다 :

$('#input').keyup(function() { 
     //do stuff here 
     $('#update').text($(this).val()); 
});

출처

2014-10-25 00:05:40 WinnieThePooh

저는 실제로 JQuery를 사용하지 않습니다. 그 말은하지 않았어, 나쁘다. –

@albertmachilov : 죄송 합니다만, 당신의 질문은 매우 불완전합니다. 연구 결과 및 질문에 대한 노력을 보여주고보다 구체적인 질문을하고 싶을 것입니다. –

나는 그것이 공평하다고 생각한다. 나는 이것을 스스로 해결하려고 노력할 것이다. 그래도 고마워. –

입력하는 동안 볼 텍스트가 업데이트됩니다.

답변

HTML

자바 스크립트

관련 문제