篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了markdown 事件绑定（Binding de Eventos）相关的知识，希望对你有一定的参考价值。
# Event Binding (Binding de Eventos)
Escutar eventos no HTML do Template e executar lógica de programação no Componente
## Evento "Click" de um botão
Ao clicar no botão, será executada uma função criada em nosso component.
```HTML
<button (click)="botaoClicado()" class="btn btn-primary">
Me clique!
</button>
```
```typescript
export class DataBindingComponent implements OnInit {
botaoClicado(){
alert = "O botão foi clicado!"
}
}
```
## Evento (KeyUp) ao pressionar uma tecla qualquer
Ao pressionar uma tecla, será executada uma função criada em nosso component.
```HTML
<input type="text" (keyup)="onKeyup($event)" />
<p>Valor atual: {{ valorAtual }}</p>
```
```typescript
export class DataBindingComponent implements OnInit {
valorAtual: string = '';
onKeyUp(evento: KeyBoardEvent) {
this.valorAtual = (<HTMLInputElement>evento.target).value;
}
}
```
## Evento (KeyUp) ao pressionar a tecla ENTER
Ao pressionar a tecla ENTER, será executada uma função criada em nosso component.
```HTML
<input type="text" #campoInput (keyup.enter)="salvarValor(campoInput.value)" />
<p>Valor salvo: {{ valorSalvo }}</p>
```
```typescript
export class DataBindingComponent implements OnInit {
valorSalvo: string = '';
salvarValor(valor){
this.valorSalvo = valor;
}
}
```
以上是关于markdown 事件绑定（Binding de Eventos）的主要内容，如果未能解决你的问题，请参考以下文章