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'

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'

• javascript
• ractivejs

Share Improve this question Follow asked Sep 25, 2013 at 21:35 LuisLuis 7766 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

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.