Error using click event in javascript

Question

I have my function call like this in HTML:

<a href="" ng-click="registerCallbacks(event)" class="btn btn-primary btn-block">Angular Call back</a>

And I am trying to pass a event and print it out but I am getting an error:

Failed to execute 'dispatchEvent' on 'EventTarget': The event provided is null.

//Call back events
    $scope.registerCallbacks = function (event) {
        console.log("registerCallbacks not working");
        console.log(event);
        window.dispatchEvent(event);
    };

Robin · Accepted Answer · 2016-03-12 06:17:07Z

4

In your HTML you need to pass $event (you're missing the $ at the front) like so:

<a href="" ng-click="registerCallbacks($event)" class="btn btn-primary btn-block">Angular Call back</a>

answered Mar 12, 2016 at 6:17

Robin

1162 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

kittu Over a year ago

Is it because of angular? normally in plain javascript we pass only event right?

Robin Over a year ago

@kittu yup, just an angular thing! :)

Collectives™ on Stack Overflow

Error using click event in javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related