注册事件

可以通过on指令在DOM元素上注册事件。

注册单个事件

• -on="eventType:callback()"
• -on="eventType:expression"
• -on:eventType="expression"

<input drunk-model="message" type="text">
<button drunk-on="click:clear()">clear</button>
<button drunk-on="click:message = ''">clear</button>
<button drunk-on:click="clear()">clear</button>

class App extends drunk.Component {
  message: string;
  clear() {
    this.message = "";
  }
}

注册多个事件

-on="eventType1: callback1(); eventType2: expression"

注册多个事件需要使用;号隔开。

<div drunk-on="mouseenter: log('enter');
               mouseleave: log('leave');
                    click: log($event.type)">
</div>

$event为原生的事件对象，on指令有以下几个内置对象可以访问：

• $event 触发事件时的原生事件对象
• $el 触发事件时该DOM元素
• $global js运行时的全局对象，如在浏览器中$global为window对象

一个事件里多个表达式

-on="eventType: expressin1, callback(), express2"

多个表达式使用,号隔开。

<button drunk-on="click: toastViewVisible = false, onClose()">关闭</button>