javascript - 无法确定单击按钮时执行了哪些代码

Question

有一个网站有两个<- ->导航小按钮，它们的 HTML 代码是这样的：

<-：

<a class="left prev browse" href="javascript:;">&lt;</a>

->：

<a class="right next browse" href="javascript:;">&gt;</a>

我不明白的是这里是如何触发 JavaScript 的？正在调用什么事件/函数？

<- ->当我们单击按钮时，我无法弄清楚触发了什么事件/功能。消息如何滑动？

网址： http ://bit.ly/16447fr （避免搜索引擎索引）

这是使用这些 <- ->按钮的地方：

Answer 1

在您的站点中，使用了 javasript 库，它的 jQuery 和 thru 下一个和前一个正在工作的代码写在jquery.cycle.all.2.74.pack.js文件中，该文件是 jQuery 库。

您可以在此文件中找到此功能。

可以看到switch中有两种情况。这些是：

case "prev":
case "next":

在这些情况下，将编写下一个和前一个按钮代码。

Answer 2

他们将在页面加载后在一些 javascript 代码中添加事件侦听器。就像是：

var leftButton = document.getElementsByClassName('left prev')[0];
leftButton.addEventlistener('click', function(event){...});

或在 JQuery 中：

$('.left.prev').on('click', function(event){...});