Google+ Plus中的按钮。.js函数在哪里调用？

Question

今天我开始探索Google+的HTML代码。

当我检查像“开始Hangout”这样的按钮时，我无法看到调用javascript代码的功能。看这里：

<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>

没有onclick()函数。

有什么想法吗？也许是一个按钮状态的观察者？这可能吗？

- passsy

Answer 1

他们可能将外部js文件中的函数与id或class选择器绑定。

我不确定他们是否使用jQuery（但他们很可能会），但以下是在外部js中使用jQuery的方法：

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

- switz

---

值得指出的是，这也可以说是使HTML元素响应用户事件的“正确”方式。我不会雇用在他们的代码测试中使用“<div onclick ='foo()'>”的前端开发人员:( - Alex Wayne

学习永无止境。谢谢！ - passsy

Answer 2

代码的功能方面很可能是在一个单独的JavaScript文件中定义的。关于这个，你可以查看jQuery的.bind()函数的示例。

- eykanal