jQuery nhận văn bản văn bản

Gần đây tôi đã bắt đầu chơi với jQuery và đã theo dõi một vài hướng dẫn. Bây giờ tôi cảm thấy hơi thành thạo khi sử dụng nó (nó khá dễ) và tôi nghĩ sẽ thật tuyệt nếu tôi có thể tạo một 'bàn điều khiển' trên trang web của mình (như trong, bạn nhấn phím `giống như bạn làm trong các trò chơi FPS , v.v.) và sau đó đưa Ajax trở lại máy chủ để thực hiện công việc.

Ban đầu tôi nghĩ cách tốt nhất là lấy văn bản bên trong textarea và sau đó tách nó ra, hoặc tôi nên sử dụng sự kiện keyup, chuyển mã khóa được trả về thành ký tự ASCII, nối ký tự vào chuỗi và gửi chuỗi vào máy chủ (sau đó làm trống chuỗi).

Tôi không thể tìm thấy bất kỳ thông tin nào về việc nhận văn bản từ văn bản, tất cả những gì tôi nhận được là thông tin chính. Ngoài ra, làm cách nào tôi có thể chuyển đổi mã khóa được trả về thành ký tự ASCII?

Tại sao bạn muốn chuyển đổi các nét chính thành văn bản? Thêm một nút gửi văn bản bên trong textarea đến máy chủ khi nhấp vào. Bạn có thể lấy văn bản bằng thuộc tính value như poster trước đó đã chỉ ra hoặc sử dụng API của jQuery:

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

Trường hợp thường là hàm văn bản bạn sử dụng (ví dụ: trong div, v.v.) thì đối với vùng văn bản, nó là val

được:

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

bộ:

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

Bạn nên có một div chỉ chứa các thông điệp console, nghĩa là các lệnh trước đó và đầu ra của chúng. Và bên dưới đặt một đầu vào hoặc textarea chỉ giữ lệnh bạn đang gõ.

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

Bằng cách đó, bạn chỉ cần gửi giá trị của hộp đầu vào đến máy chủ để xử lý và nối thêm kết quả vào div tin nhắn bảng điều khiển.

Thông thường, đó là tài sản giá trị

testArea.value

Hoặc có điều gì tôi đang thiếu trong những gì bạn cần?

Tôi đã tìm ra rằng tôi có thể chuyển đổi keyCode của sự kiện thành một ký tự bằng cách sử dụng chức năng sau:

var char = String.fromCharCode(v_code);

Sau đó tôi sẽ nối ký tự đó vào một chuỗi và khi nhấn phím enter, hãy gửi chuỗi đến máy chủ. Tôi xin lỗi nếu câu hỏi của tôi có vẻ hơi khó hiểu và tiêu đề có nghĩa là một cái gì đó gần như hoàn toàn lạc đề, đó là vào sáng sớm và tôi chưa ăn sáng;).

Cảm ơn vì tất cả sự giúp đỡ của mọi người.

Methinks từ "console" đang gây nhầm lẫn.

Nếu bạn muốn mô phỏng bảng điều khiển song công toàn bộ / nửa kiểu cũ, bạn sẽ sử dụng một cái gì đó như thế này:

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

event.which có phím được nhấn. Để xử lý backspace, event.which === 8.

cách tốt nhất: $ ('# myTextBox'). val ('giá trị mới'). trim ();

Đọc giá trị textarea và chuyển đổi mã-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>

Và bên dưới Quake đẹp như giao diện điều khiển chỉ trên div-s :)

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>

bạn có thể lấy dữ liệu textarea theo tên và 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();