如何在aurelia中创建自定义textchanged事件

import { bindingBehavior } from 'aurelia-framework';

@bindingBehavior('textchanged')
export class TextChangedBindingBehavior {
  bind(binding, scope) {
    // 获取文本框元素
    const element = binding.target;
    
    // 监听文本框的input事件
    element.addEventListener('input', () => {
      // 触发自定义事件，并传递文本框的值
      const event = new CustomEvent('textchanged', {
        detail: element.value,
        bubbles: true
      });
      element.dispatchEvent(event);
    });
  }
}

<template>
  <input type="text" value.bind="myText & textchanged.trigger">
</template>

export class MyViewModel {
  myText = '';

  textChangedHandler(newValue) {
    // 处理文本框值变化的逻辑
    console.log('Text changed:', newValue);
  }
}