기본적으로 사용자가 입력 한 텍스트를 사용자가 textarea
선택한 단락 으로 이동하고 싶습니다 presses enter
. 문제는 입력이 이미에 프로그래밍되어 있다는 것 textarea
입니다. 기능은 새 줄을 만드는 것이지만 해당 기능을 다음과 같이 바꾸고 싶습니다.
사용자가 Enter 키를 누르면 텍스트 영역에서 텍스트가
단락 및 텍스트 영역에 대한 내 HTML 코드는 다음과 같습니다.
<hr id="LineOne">
<p id="UserInput"></p>
<hr id="LineOne">
<textarea placeholder="Type Message Here:"></textarea>
그리고 여기에 내 jQuery가 있습니다 (여기에 문제가 발생했다고 생각하므로 여기에 더 많은 관심을 기울이십시오.
$(document).ready(function(){
$('textarea').bind("enterKey",function(e){
textarea.moveTo('#UserInput');
});
});
$('textarea').keyup(function(e){
if(e.keyCode == 13){
$(this).trigger("enterKey");
}
});
나는 jQuery를 사용하는 매우 초보 / 초보자이며 스택 오버플로의 다른 문제를 발견하고 내 요구에 맞게 편집했지만 원하는 방식으로 작동하지 않습니다. 왜 작동하지 않고 어떻게 고칠 수 있는지 알려주세요. .
또한 사용자가 메시지를 작성한 후 보낸 메시지 뒤에 공백을 두어 동일한 줄을 만드는 모든 메시지를 추가하지 않도록 어떻게 만들 수 있습니까?
텍스트 영역에서 텍스트를 제거해도 단락 (또는 UserInput)에 해당 텍스트가 저장되도록 만들고 싶습니다.
당신은 이것을 찾고 있을지도 모릅니다
$(document).ready(function() {
$('textarea').keyup(function(e) {
// Regex for matching new lines which will be replaced with <br />
// to make new line onto the paragraph.
var newval = $(this).val().replace(/(?:\r\n|\r|\n)/g, '<br />');
var para = $('#myparagraph');
// Keycode 13 is the Enter key
if (e.keyCode == 13) {
// Append the all text inside the textarea into paragraph
para.append(newval);
$(this).val(''); // Clear the textbox
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<hr/><p id="myparagraph"></p><hr/>
<textarea></textarea>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다