Javascript 单个event.trigger或event.delegate上有多个事件处理程序?
我正在致力于将PDF.JS与Aurelia集成,我有两种方法可以运行,以响应Javascript 单个event.trigger或event.delegate上有多个事件处理程序?,javascript,aurelia,Javascript,Aurelia,我正在致力于将PDF.JS与Aurelia集成,我有两种方法可以运行,以响应scroll事件。通常,我会将这两个函数合并为一个方法。然而,对于我的用例,我需要为每个方法使用不同的绑定行为 我有一个renderHandler,我想与滚动一起使用。触发器类似于: <div ref="container" class="pdf-container" scroll.trigger="renderHandler() & debounce:250"> 分别而言,这些都是有效的。我不知道
scroll
事件。通常,我会将这两个函数合并为一个方法。然而,对于我的用例,我需要为每个方法使用不同的绑定行为
我有一个renderHandler
,我想与滚动一起使用。触发器类似于:
<div ref="container" class="pdf-container" scroll.trigger="renderHandler() & debounce:250">
分别而言,这些都是有效的。我不知道如何把它们组合在一起。Aurelia目前不允许在触发器
或委托
表达式中包含多个表达式,并且在元素中复制属性没有任何效果(因为在Aurelia的解析过程中复制可能会被删除)
有没有一种方法可以声明性地为同一事件使用两个具有不同绑定行为的处理程序?该框架目前不支持对同一事件、元素和绑定命令组合进行多个事件绑定
作为一种解决方法,您可以添加trigger2
binding命令:
从“aurelia模板绑定”导入{SyntaxInterpreter};
SyntaxInterpreter.prototype.trigger2=SyntaxInterpreter.prototype.trigger;
然后您可以在同一元素上使用scroll.trigger
和scroll.trigger2
例如:
我不知道它是什么版本的。
但这种语法是有效的
multiple click handlers
我今天想到了其他一些东西-我可能可以使用scroll.bind
调用其中一个函数,只要它不需要绑定行为或参数。
<div ref="container" class="pdf-container" scroll.trigger="scrollHandler & throttle">