如何仅使用 JavaScript 监听发生在另一个元素上的事件？

Question

所以根据我对事件侦听器的理解，该操作仅适用于您使用事件侦听器的元素。

但是假设我想监听一个单独 div 中的元素的点击，但我想对其应用某些操作的元素在单独的 div 中。如果可能的话，最好的方法是什么？

为了帮助形象化，我正在看这个用户示例。

https://ryannathanwilson.github.io/Rock_Paper_Scissors/

所以从它的外观来看，它会监听对任何按钮的点击，然后点击的按钮会出现在另一个区域，然后执行特定的操作。这可能吗？还是我理解错了他的代码，点击时出现在底部的元素是原始元素？

Answer 1

你可以这样写一个函数：

function myfunc(){
         document.getElementById("abcd").value = "Lorem Ipsum";
}

然后在您要收听的元素上调用此函数：

<button onclick=myfunc()>Click me! </button>