事件处理

事件绑定

通过事件绑定,你可以侦听并响应用户操作,例如按键、鼠标移动、点击和触摸。

使用事件绑定语法

要为 HTML 元素绑定事件,需要使用 aip-on 指令,然后属性的值可以是任意的变量,模板表达式,例如绑定一个 id 属性:

<div aip-on:click="console.log('hello world')">Greeting</div>
1

使用事件绑定快捷语法

除了使用 aip-on 来绑定事件外,还可以通过大括号 () 来快速为元素绑定事件,这本质是 aip-on 的语法糖:

<div (click)="console.log('hello world')">Greeting</div>
1

事件对象($event)

如果你想在表达式中访问 Javascript 事件对象,AIP 给你提供了魔法值 $event 对象,它代表本次调用的事件对象。

<div id="developer" (click)="console.log($event.target.id)">Greeting</div>
1
Last Updated: 2022/7/15 下午7:22:06