실시간 코멘트 작성 기능

Question

모든 게시물 사용자 시간대 페이지에 실시간 코멘트 기능을 추가하려고합니다. 한 후

$(".post-comment").on('submit', function(e){ 
    e.preventDefault(); //STOP default action 
    var id = $(this).attr("data-id"); 
    console.log('Comment on: '+id); 
    var dbref = firebase.database().ref('post-user/'+id+'/comments'); 
    var data = $(this).serialize(); 
    var t = Date.now(); 
    dbref.push().set({ 
     postedAt: t, 
     text:data.comment, 
     pid:id 
    }); 
}) 

:

여기

<form action="#" class='post-comment' data-id='3214'> 
    <input type="text" name='comment'> 
    <input type='submit' style='visibility: hidden;'> 
</form> 

양식을 처리하는 내 자바 스크립트 코드는 이벤트 제출되어

모든 게시물의 코멘트 섹션 가진 다음 HTML 양식을 포함 : 여기 내가 한 일이다 사용자가 Enter 키를 누르면 웹 페이지가 Javascript에서 함수를 호출하는 대신 다시로드됩니다.

Enter 키를 누를 때 설명 데이터와 해당 게시물 정보 (id, authorid)를 받고 firebase에 의견 데이터를 보내려고합니다.

$("input").keypress(function(event) { 
    if (event.which == 13) { 
    event.preventDefault(); 
    $("form").submit(); 
    } 
}); 

그러나이 경우 내가 모든 게시물 그래서 난이 구현하는 방법에 혼란 스러워요 해당 코멘트 양식이 포함되어있다 여러 형태가 있습니다

몇 가지 검색을 수행 한 후 나는 다음과 같이 키를 눌러 이벤트에 대해 알게 이리.

도움이 될 것입니다.

Answer 1

부여 양식 id :

이

<form id='comment-form' action="#" class='post-comment' data-id='3214'> 

그럼 그냥 그 양식을 제출

$("input").keypress(function(event) { 
    if (event.which == 13) { 
    event.preventDefault(); 
    $("#comment-form").submit(); 
    } 
}); 

당신은 제안을 ASP.Net SignalR