キープレス上のテーブルに新しい行を追加すると、コンテンツ編集可能なdivに余分な行が追加されます

Question

私はtableに3列あります。各行、第1および第3列はinputフィールドであり、各行の第2列はcontent editable divです。ユーザーがcontent editable divの上にあり、彼はEnter Keyを押すと

することは、それはちょうどその下にnew rowを追加する必要がありますし、focusはnew rowのcontent editable divに現在content editable divからシフトする必要があります。

問題は、それがまたcurrent content editableでextra lineを加算table内部new rowを追加して、Enterキーを押して上にあります。ここで

はplunkrです：http://plnkr.co/edit/QxZC4bVgWOHJ65pM9F38?p=preview

Answer 1

あなたapp.jsファイル内にonKeyDown関数は

$scope.onKeyDown = function($event, index) { 
    if ($event.keyCode == ENTER_KEY){ 
     $event.preventDefault(); 
     nextIndex = index + 1 
     $scope.list.splice(nextIndex, 0, initNewRow()) 
     setfocusOnNewRow(nextIndex) 
    } 
    } 

注意する必要があります$ event.preventDefault（）;ライン。