0

Web サイトの投稿の下にコメント ボックスがあり、リターン キーを押すだけでコメントを送信できるようにしたいと考えています。コメントも ajax 経由で挿入されます。

現状の私のコードは次のとおりです。

AJAX 投稿とエンター キーのキャプチャの場合:

$('textarea#scat').bind('keypress', function(e) {
    if(e.keyCode==13){

        var myClass = $(this).attr("class");  
        var comment = $("textarea." + myClass).val();  
        if (comment == "") {  
        return false;  
        }

        if (!$.trim($("textarea." + myClass).val())) {  
        return false;  
        }

        var cid = $("input.c_" + myClass).val();  
        var itemid = $("input.i_" + myClass).val();  
        var type = $("input.t_" + myClass).val();  
        var top = $("input.l_" + myClass).val();  

        var dataString = 'comment='+ comment + '&cid=' + cid + '&itemid=' + itemid + '&type=' + type;  
       //alert (dataString);return false;  
       $.ajax({  
           type: "POST",  
           url: "addcomment.php",  
           data: dataString,  
           success: function() {  
               $('#c').load('ajax/querylc.php?oid=' + myClass); 
               $("textarea." + myClass).val('');
           }  
       });  
      return false;  
  };
});

そして私のコメントボックスのコード:

<div id='statuscomadd' class="<?php echo $sid; ?>" style='text-align:center; padding-top:2px; margin-left:12.5px; border-left:1px #a3a3a3 solid; border-right:1px #a3a3a3 solid; border-bottom:1px #a3a3a3 solid; height:40px; width:420px; vertical-align:middle;'>
    <img id="scati<?php echo $sid; ?>" src='<?php if ($dp == null) { echo 'img/unknown_user.jpg'; } else { echo 'pf/' . $uid . '/' . $dp; } ?>' style='height:36.5px; margin-right:5px; margin-bottom:6px;'>
    <form action='addcomment.php' method='post' id='ac' style='display:inline; border:0px; margin: 0 0 0 0; padding: 0 0 0 0;'>
        <textarea id='scat' style='outline: none; height:30px; width:315px; font-family:Arial; border:0px; resize:none; margin-bottom:5px; border:1px solid #C9C9C9; display:inline;' name='comment' class='<?php echo $sid; ?>'></textarea>
        <input type='hidden' class="t_<?php echo $sid; ?>" name='type' value='status' />
        <input type='hidden' class="i_<?php echo $sid; ?>" name='itemid' value='<?php echo $sid; ?>'/>
        <input type='hidden' class="c_<?php echo $sid; ?>" name='cid' value='<?php echo $uid ?>' />

    </form>
</div>

フォーム送信ボタンを使用すると投稿は機能しますが、リターン キーを使用すると機能しません。現在発生しているのは、新しい行を追加することだけです。これは、Shift + Enter でのみ発生させたいと考えています。

どんな助けでも大歓迎です！

4

3 に答える 3

0

'keypress'の代わりに、以下を使用します。

$('textarea#scat').bind('**keydown**', function(e) {

if(e.keyCode==13){
于 2012-06-24T21:38:01.930 に答える
0

キープレスでドキュメントを作成するhttp://api.jquery.com/keypress/：

keydownとkeyupは、どのキーが押されたかを示すコードを提供し、keypressはどの文字が入力されたかを示すことに注意してください。たとえば、小文字の「a」は、keydownおよびkeyupでは65として報告されますが、keypressでは97として報告されます。大文字の「A」は、すべてのイベントで65として報告されます。この違いがあるため、矢印キーなどの特別なキーストロークをキャッチする場合は、.keydown（）または.keyup（）の方が適しています。

したがって、実際には、代わりに関数でキーダウンを使用する必要があります：http: //api.jquery.com/keydown/

于 2012-06-24T21:42:44.950 に答える
0

textareaのclass属性と関係があるかもしれません。

PHP変数$sidは数値ですか？

その場合は、次のような数値以外のプレフィックスを追加してみてください

class='classname_<?php echo $sid; ?>'
于 2012-06-24T21:45:08.617 に答える