2017-06-26 7 views
0

選択したdivから1つの機能を起動する必要がありますEnterキーが押されました。私は次のコードを書いたが動作していない。角2のkeyup.enter divタグ用

<div class="data_card" *ngIf="!Add.showEdit" (keyup.enter)="myfunction($event)"> 
<!-- Some content -- > 
</div> 


myfunction($event){ 
     $event.preventDefault(); 
     alert("sadsa"); 
} 

div入力キーからどのようにこの機能をトリガーするのですか?

+0

そのdivの内側のinput要素のいくつかの並べ替えはありますか?あなたはそのdiv内のenterをクリックしていることをどのように知っていると思われますか? – crash

+0

div内に入力要素がありません一部のデータがdiv内にのみ表示されます – user3541485

答えて

1

この回答を確認してください。 How to bind keyboard events to div elements?

利用のtabindex: The tabindex global attribute is an integer indicating if the element can take input focus (is focusable)

+0

私のアプリは、角度2を使用して開発しています。角度2のものは可能ですか? – user3541485

+0

はい、私はangular2アプリで試しました – kit

+0

角度2でこのコードをどのように使いましたか? – user3541485

0

は、このコードを試してみてください。これは助けになります。 HTML

<div class="data_card" *ngIf="!Add.showEdit" (keydown)="handleKeyboardEvent($event)"> 

//コンポーネント

@HostListener('document:keydown', ['$event']) 
    handleKeyboardEvent(event: KeyboardEvent): void { 
     if (event.keyCode === 13) { 
      **// do your code here** 
     } 
    } 
+0

(keydown)= "handleKeyboardEvent($ event、index)" htmlから他のパラメータを渡す必要があります。しかし、私はこのような価値を渡すとき、私は未定義になっています。どうすれば他のパラメータを渡すことができますか? – user3541485

+0

あなたは何を渡したいですか?入力値? –

+0

いいえそこにはngforを使用しています。選択したdivインデックス値 – user3541485