0

ページで10個のコメントボックスを使用しています。ボタンは完全に機能しますが、Enterボタンを押すと、テキストが自動的に送信される機能を追加したいと思います。

コードをあまり変更せずにこの関数を追加するにはどうすればよいですか。クリック時のイベントでbsubmitクラスをバインドしています。（コメントボックスは10個あります）

    <div class="addcomment" style="display: block; ">
<input class="commentadd" type="text" name="comment" value="Enter Comment" onfocus="if(this.value=='Enter Comment')this.value='';">
<button class="bsubmit" type="button">Submit</button></div>

イベントコード

 $(document).ready(function() {

$(function() {
$(".bsubmit").live("click", function() {
var id = $(this).parent().parent().attr("id");
var comm= document.getElementById(id).getElementsByClassName("commentadd")[0].value;


  $.ajax({
   type: "POST",
   url: "comment.php",
.
.
.
4

1 に答える 1

5 
$('body').on('keyup','input.commentadd', function(e) {
  // e.which is monitoring the key pressed 
  // and 13 is code for enter key
  if(e.which == 13 && $.trim(this.value).length) {
    $(this).next(".bsubmit").click(); // triggering click event on button
  }
});

デモ

于 2012-05-24T18:17:44.380 に答える