Question

Lets say I have the following code:

template

<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?
});

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'

Was it helpful?

Solution

From the docs:

event.original.preventDefault()

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top