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

Question

因此，根据我对事件监听器的了解，该操作仅适用于您在其上使用了事件监听器的元素。

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

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

因此，它从外观上听取了对任何按钮的单击，然后单击的按钮显示在另一个区域，然后执行特定的操作。这可能吗？还是我不正确地理解他的代码，并且单击时显示在底部的元素是原始元素？

Answer 1

您可以编写这样的函数：

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

并在要监听的元素上调用此函数：

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