Lightning Components: What is the easiest way to have an onclick event on a HTML-tag?

Question

In a Lightning Component I have

<div style="border: green solid 3px;" onclick="console.log(123);">
    <br/>
    <br/>
    <br/>       
</div>

As far as I see, the old-school events do not work. What is the easiest way to get a click-event on a div?

Answer 1

Inline Javascript is not supported due to security threat and you can simply use onclick event and always follow the Unobtrusive principles.You can look at document here which mentions to avoid inline script

Try below code

 <div style="border: green solid 3px;" onclick="{!c.logData}">
   <br/>
   <br/>
   <br/>       
</div>

The controller code

({
   logData : function( cmp, evt,  h ){
     console.log(123);
   }
})

Answer 2

I believe the name of the event is onclick instead of click. I think you can bind your controller method to onclick by specifying a method.

Example: <div onclick='{!c.handle}' >Hello<div>