Ractive.js阻止事件代理上的默认事件 [英] Ractive.js preventDefault events on event proxies

问题描述

假设我有以下代码：

模板

<a on-click='myfunc' href="#">Activate!</button>

javascript

var ractive = new Ractive({
  el: output,
  template: template
});

ractive.on( 'myfunc', function ( event ) {
  alert( 'Hello world!' );
  ?????? --> how to prevent the next click event from the a href?
});

如何从javascript代码中阻止来自href的下一个点击事件？
我试过event.preventDefault（）;但该对象没有方法'preventDefault'

How can I prevent the next click event from the a href, from the javascript code? I tried event.preventDefault(); but the object has no method 'preventDefault'

推荐答案

来自 docs ：

event.original.preventDefault()

正如您所注意到的，代理事件是自定义Ractive事件;但是， .original 属性可让您访问真实事件。

Proxy events are, as you've noticed, custom Ractive events; however, the .original property gets you access to the "real" event.

这篇关于Ractive.js阻止事件代理上的默认事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！