事件处理指令的作用
事件处理指令用于为宿主元素添加同名事件监听方法。
事件处理指令表达式中可以使用指向当前触发事件的回调参数“$event”。
事件处理指令有哪些
任意的DOM标准事件名称都是合法的事件处理指令名。我们来看示例:
您也可以在其他字符串前添加“+”前缀构造一个自定义事件。在dagger.js中,您可以使用自定义事件进行作用域之间的数据通信。我们来看示例:
事件处理指令的预定义修饰符
事件处理指令支持如下几个预定义修饰符:
1. “target”,字符串或者表达式类型。用于指定监听目标对象(默认的监听对象是当前宿主元素)。我们来看示例:
2. “current”,布尔类型。用于声明事件的触发元素(target)必须是事件监听的目标元素本身(currentTarget)。我们来看示例:
3. “prevent”,布尔类型。用于声明事件处理指令将阻止事件默认行为(等同于调用“event.preventDefault”方法)。我们来看示例:
4. “stop”,布尔类型。用于声明事件处理指令将阻止事件继续传播(等同于调用“event.stopPropagation”方法)。我们来看示例:
5. “stop-immediate”,布尔类型。用于声明事件处理指令将阻止监听同一事件的其他事件监听器被调用(等同于调用“event.stopImmediatePropagation”方法)。我们来看示例:
6. “capture/once/passive”,布尔类型。用于声明事件监听器的选项。我们来看示例:
7. “every”,字符串或者字符串数组类型。用于声明若干过滤条件,若任意条件不满足则事件监听器不会被触发。
您也可以在字面量过滤条件前添加“!”进行条件反向匹配。我们来看示例: