Question

这不是一个普遍问题的问题。我对javascript没有多少经验，几个月前我写了这个，现在我不记得为什么它有效。我在php文件中有以下代码：

    echo'<SCRIPT type="text/javascript" src="button_js.js"></SCRIPT>
     <input type="text" placeholder="Enter Nickname" name="nickname" id="nickname" />
     <br />

        <a href="example.com" id="submit_request">Submit Request</a> |
        <a href="example.com" id="continue_searching">Continue Searching</a>';

在button_js.js中，有一个submit_request函数和一个continue_searching函数。当用户单击相应的链接时，相应的函数就像我想要的那样执行;一切都很完美。

问题是，我不记得为什么这有效。如何根据用户点击链接执行正确的功能？我在那里任何地方都没有onClick。是因为函数的名称与链接的id匹配吗？

感谢您的帮助！

Answer 1

如果没有看到脚本中的代码，我只能猜测......但是你很可能会添加一个event listener（有时被错误地称为“事件处理程序”，这与你的问题有所不同）

简而言之，JavaScript能够“抓取”页面中的元素并“监听”可能发生在他们身上的事件（例如点击）。一旦发生该事件，您就会触发一个函数（或使用...“事件处理程序”“处理”该事件。）。

如果您使用的是jQuery，概念是相同的，但您可能会发现您正在使用jQuery's own event handling functions。

Answer 2

提供相关的JavaScript代码可以帮助其他人帮助您。

话虽如此，我会给你一个总答案。

当用户点击时会触发一个事件监听器。当事件触发时，它获取id属性的值。然后，如果id属性具有与其值对应的函数名，则该事件将调用该函数。

例如，在JQuery中（完全未经测试）：

$("a").click(function(ev) {
  var f = this[ev.target.id];

  if (typeof f === 'function')
     f(); // calls the function whose name corresponds to the id attribute
});

Javascript：与id链接

2 个答案: