Prevent Javascript actions on ember compoents

I want to prevent Javascript actions on my ember component like hover, click, double click, focus, etc..

Simple way is to define this actions for the component and do event.preventDefault() and return false;

Is there any other way by which I can achieve the same ? I tried using CSS for this pointer-events : none which is fine for UI experience. But when I go to console, I see that I can still invoke click actions on my component div. So, is there any way by which I can prevent these actions all at once maybe during init of the component ?