處理程序事件的相對按鍵事件

Question

我在表格中創建了一個評論系統。 每行可以包含注釋和文本框以添加新注釋。 單擊注釋圖標后會創建此選項。 （第一個事件處理程序

我試圖通過按Enter鍵（以及使用“保存”按鈕）發布評論，但我遇到了keypress事件的問題。

它僅針對第一次click事件觸發。

這是我的問題的一個小提琴： http ： //jsfiddle.net/imac/9mx7K/9/

如您所見，它僅針對第一次click事件觸發。 我希望它僅針對當前選定/活動輸入觸發。 這有沒有可能？

我也嘗試過在輸入click事件中添加keypress事件但沒有成功： http ： //jsfiddle.net/imac/9mx7K/10/

謝謝。

Answer 1

我剛做了一個更新，工作小提琴： http ： //jsfiddle.net/9mx7K/14/

$('.demo').on('click', function (e) {
$(this).next('input')
       .slideToggle()
       .data('cont', 0)
       .on('keydown', function (e) {
           $(this).data('cont', $(this).data('cont')+1);
           if (e.which == 13) {
                $(this).next('span')
                       .html('Active input ('+$(this).data('cont')+' enters)');
           }
       });
});

這使用.data()跟蹤每個輸入的計數。

Answer 2

$('input').click(function(){

       $('input').keypress(function(e) {
            cont++;
            //on enter
            if(e.which == 13) {
                $(this).next().html('Active input ('+cont + ' enters)');
            }

           // This only enables the first input
           e.unbind();
        });
    });

見演示