jQuery mendapatkan textarea text

Baru-baru ini saya mulai bermain dengan jQuery, dan telah mengikuti beberapa tutorial. Sekarang saya merasa sedikit kompeten untuk menggunakannya (ini cukup mudah), dan saya pikir akan lebih baik jika saya bisa membuat 'konsol' di halaman web saya (seperti, Anda menekan tombol `seperti yang Anda lakukan di game FPS , dll), dan kemudian Ajax sendiri kembali ke server untuk melakukan hal-hal.

Saya awalnya berpikir cara terbaik adalah dengan memasukkan teks ke dalam textarea, dan kemudian membaginya, atau haruskah saya menggunakan event keyup, mengonversi kode kunci yang dikembalikan ke karakter ASCII, menambahkan karakter ke string dan mengirim string ke server (lalu kosongkan string).

Saya tidak dapat menemukan informasi tentang mendapatkan teks dari textarea, yang saya dapatkan adalah informasi keyup. Juga, bagaimana saya bisa mengubah kode kunci kembali ke karakter ASCII?

Mengapa Anda ingin mengonversi pukulan tombol menjadi teks? Tambahkan tombol yang mengirim teks di dalam textarea ke server ketika diklik. Anda bisa mendapatkan teks menggunakan atribut nilai seperti yang ditunjukkan poster sebelumnya, atau menggunakan API jQuery:

$('input#mybutton').click(function() {
    var text = $('textarea#mytextarea').val();
    //send to server and process response
});

Di mana seringkali fungsi teks yang Anda gunakan (misalnya dalam divs dll) maka untuk area teks itu val

Dapatkan:

$('#myTextBox').val();

set:

$('#myTextBox').val('new value');

Anda harus memiliki div yang hanya berisi pesan konsol, yaitu, perintah sebelumnya dan hasilnya. Dan di bawahnya masukkan input atau textarea yang hanya memegang perintah yang Anda ketikkan.

-------------------------------
| consle output ...           |
| more output                 |
| prevous commands and data   |
-------------------------------
> This is an input box.

Dengan begitu Anda hanya mengirim nilai kotak input ke server untuk diproses, dan menambahkan hasilnya ke div pesan konsol.

Biasanya, ini adalah properti nilai

testArea.value

Atau ada sesuatu yang saya lewatkan dari yang Anda butuhkan?

Saya telah menemukan bahwa saya dapat mengonversi kode kunci acara ke karakter dengan menggunakan fungsi berikut:

var char = String.fromCharCode(v_code);

Dari sana saya kemudian akan menambahkan karakter ke string, dan ketika tombol enter ditekan mengirim string ke server. Saya minta maaf jika pertanyaan saya tampak agak samar, dan judul yang berarti sesuatu yang hampir sepenuhnya di luar topik, masih pagi dan saya belum sarapan;).

Terima kasiih atas semua bantuan kalian.

Memikirkan kata "konsol" yang menyebabkan kebingungan.

Jika Anda ingin meniru konsol dupleks penuh / setengah gaya lama, Anda akan menggunakan sesuatu seperti ini:

$('console').keyup(function(event){
    $.get("url", { keyCode: event.which }, ... );
    return true;
});

event.yang memiliki tombol yang ditekan. Untuk penanganan backspace, event.which === 8.

cara terbaik: $ ('# myTextBox'). val ('nilai baru'). trim ();

Baca nilai textarea dan konversi kode-char:

function keys(e) {
  msg.innerHTML = `last key: ${String.fromCharCode(e.keyCode)}`
  
  if(e.key == 'Enter') {
    console.log('send: ', mycon.value);
    mycon.value='';
    e.preventDefault();
  }
}

Push enter to 'send'<br>
<textarea id='mycon' onkeydown="keys(event)"></textarea>

<div id="msg"></div>

Dan di bawah ini Quake like console on div-s saja :)

document.addEventListener('keyup', keys);

let conShow = false

function keys(e) {
  if (e.code == 'Backquote') {
    conShow = !conShow;
    mycon.classList.toggle("showcon");
  } else {
    if (conShow) {
      if (e.code == "Enter") {
        conTextOld.innerHTML+= '<br>' + conText.innerHTML;
        let command=conText.innerHTML.replace(/&nbsp;/g,' ');
        conText.innerHTML='';
        console.log('Send to server:', command); 
      } 
      else if (e.code == "Backspace") {
        conText.innerHTML = conText.innerText.slice(0, -1);
      } else if (e.code == "Space") {
        conText.innerHTML = conText.innerText + '&nbsp;'
      } else {
        conText.innerHTML = conText.innerText + e.key;
      }

    }
  }
}

body {
  margin: 0
}

.con {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 90px;
  background: rgba(255, 0, 0, 0.4);
  position: fixed;
  top: -90px;
  transition: top 0.5s ease-out 0.2s;
  font-family: monospace;
}

.showcon {
  top: 0px;
}

.conTextOld {
  color: white;
}

.line {
  display: flex;
  flex-direction: row;
}

.conText{   color: yellow; }

.carret {
  height: 20px;
  width: 10px;
  background: red;
  margin-left: 1px;
}

.start { color: red; margin-right: 2px}

Click here and Press tilde ` (and Enter for "send")

<div id="mycon" class="con">
  <div id='conTextOld' class='conTextOld'>Hello!</div>
  <div class="line">
    <div class='start'> > </div>
    <div id='conText' class="conText"></div>
    <div class='carret'></div>
  </div>
</div>

Anda bisa mendapatkan data teks data dengan nama dan id

// by name
<textarea name="comment"></textarea>
let text_area_data = $('textarea[name="comment"]').val();

// by id
<textarea id="comment" name="comment"></textarea>
let text_area_data = $('textarea#comment').val();