Làm cách nào để gửi biểu mẫu khi bạn nhập văn bản?

Question

Khi điền văn bản của biểu mẫu, hành vi mặc định khi nhấn phím enter là di chuyển đến dòng tiếp theo. Làm thế nào tôi có thể thay đổi hành vi của biểu mẫu để nó sẽ gửi khi người dùng nhấn enter ngay cả khi người dùng đang ở trong một vùng văn bản?

Tôi đã sử dụng Firebug để thanh toán Stack   Văn bản nhận xét của luồng tràn (có hành vi này), nhưng không thể thấy bất kỳ JavaScript nào đạt được ảnh hưởng này. Có cách nào để thay đổi hành vi của vùng văn bản mà không cần sử dụng JavaScript không?

Answer 1

Bạn không thể làm điều này nếu không có JavaScript. Stackoverflow đang sử dụng thư viện JavaScript jQuery đính kèm các hàm vào các phần tử HTML khi tải trang.

Đây là cách bạn có thể làm điều đó với Javascript cơ bản:

<textarea onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }"></textarea> 

keyCode 13 là phím Enter.

Đây là cách bạn có thể làm điều đó với jQuery giống như Stackoverflow làm:

<textarea class="commentarea"></textarea> 

với

$(document).ready(function() { 
    $('.commentarea').keydown(function(event) { 
     if (event.keyCode == 13) { 
      this.form.submit(); 
      return false; 
     } 
    }); 
}); 

Answer 2

<form id="myform"> 
    <input type="textbox" id="field"/> 
    <input type="button" value="submit"> 
</form> 

<script> 
    $(function() { 
     $("#field").keyup(function (event) { 
      if (event.which === 13) { 
       document.myform.submit(); 
      } 
     } 
    }); 
</script> 

Answer 3

Tại sao bạn muốn văn bản gửi khi bạn nhấn enter?

Nhập "văn bản" sẽ gửi theo mặc định khi bạn nhấn enter. Nó là một đầu vào dòng đơn.

<input type="text" value="..."> 

"văn bản" sẽ không, vì nó hưởng lợi từ khả năng đa dòng. Gửi vào nhập sẽ lấy đi một số lợi ích này.

<textarea name="area"></textarea> 

Bạn có thể thêm mã JavaScript để phát hiện nhập phím và tự động gửi nhưng bạn có thể sử dụng nhập văn bản tốt hơn.