Using eventjs with angularjs not working

Question

Greetings Overflowers,

Using angularjs bind function to register event handlers on elements does not work when including eventjs script!

I was under the impression that eventjs will replace default addEventListener function to its own which will be used by angularjs bind function seamlessly.

I tried incuding eventjs before and after angularjs but no luck.

Any ideas?

Kind regards

Can you point us to the docs for "angularjs bind function". Thanks. — Stewie
– Stewie, Commented Jun 29, 2013 at 17:09
I tried to include the eventjs javascript into my page which should replace the elements default add/removeEventListener functions (as per thier docs and code, and you can take a look) that are used by angularjs and hence angularjs bind function would seemlessly use eventjs without any further changes, however this is not the case as events stop firing and I do not know why? I am testing on latest Chrome. — geeko
– geeko, Commented Jul 8, 2013 at 7:11

Tosh · Accepted Answer · 2013-07-08 08:09:50Z

1

It seems that the event message becomes something angular does not expect. (I do not know the detail, I'll wait for a better answer from the community...)

Just a simple workaround, it would work if you use jQuery (source it before angularJs)

answered Jul 8, 2013 at 8:09

Tosh

36k11 gold badges67 silver badges58 bronze badges

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

1 Comment

geeko Over a year ago

I do not need jQuery so I am not going to use it.

Brian Lewis · Accepted Answer · 2013-07-10 02:44:53Z

1

I was able to get the events to bind but I soon discovered that some events don't work using angular.element.bind(). For example, in the case of the click event, I had to use the Event.add() syntax.

Here is what it looks like:

angular.module('myApp', []).config(function(){
  Event.modifyEventListener = true; 
  Event.modifySelectors = true; 
}).controller('SomeCtrl', function($scope){
  $scope.eventType = "";
}).directive('foo', function($log){
  return {
    link: function(scope, elm, attr){
      // here it is using the 'bind' syntax
      elm.bind('mousedown mouseup mouseenter mouseleave', function(evt){
        $log.debug(evt);
        scope.eventType = evt.type;
        scope.$apply();
      });
      // here it is using Event.add
      Event.add(elm[0], 'click', function(evt, context) {
        $log.debug(context);
        scope.gesture = context.gesture + ', ' + context.pointerType;
        scope.$apply();
      });
    }
  };
});

You can see a demo here: http://plnkr.co/edit/FLMckw?p=preview

edited Jul 10, 2013 at 2:44

answered Jul 8, 2013 at 21:04

Brian Lewis

5,7191 gold badge23 silver badges28 bronze badges

2 Comments

geeko Over a year ago

It buys me advanced handling of touch events. Plus, you are looking into a different library. The question is about eventjs by mudcube. Please, follow the link in the question.

Brian Lewis Over a year ago

well that makes a lot more sense... I will attempt to update my answer.

Collectives™ on Stack Overflow

Using eventjs with angularjs not working

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related