Question

Today I started to discover the HTML Code of Google+

When I inspected the Buttons like “start Hangout”, I can’t see the function where the javascript code is called. Look here:

<div role="button" class="d-s-r tk3N6e-e tk3N6e-e-qc a-b-kh-fs a-kh-fs-e" tabindex="0" style="-webkit-user-select: none; ">Start a hangout</div>

there is no onclick() function.

Any ideas how it works? Perhaps a Observer for the Button state? is this possible?

Answer 1

They are probably binding the function in an external js file to the id or class selector.

I don’t believe they use jQuery (but they very well may), but this is how you would do it in an external js in jquery:

$("#id").click(function() {
  //run onclick code
});