如何执行外部处理函数？答案

【问题标题】：How to execute an external handler function?如何执行外部处理函数？
【发布时间】：2017-03-15 15:14:01
【问题描述】：

如何在另一个函数内部执行管理点击交互的外部处理函数？我有一个渲染函数，它动态地渲染我的 HTML。在另一个文件中，我定义了一个处理 HTML 生成的控制脚本。在渲染函数内部，我想调用一个处理点击交互的函数（在控制脚本中定义）。有什么解决办法吗？

【问题讨论】：

范你提供代码，好吗？通常，您只需要从渲染内部调用该函数，但有一些代码会有所帮助

标签： javascript jquery html rendering

【解决方案1】：

这是一个契约：您的页面包含的每个 javascript 文件都成为文档的全局 javascript 内容的一部分。

因此，如果您首先包含带有 clickhandler-function 的文件，然后是带有渲染功能的文件，您可以在渲染函数中调用 clickhandler-function，例如

HTML

<div id="bodySimulation">
    I'm the body.
</div>

/* simulation of first javascript file */
function clickHandler(domElement) {
    alert(domElement.innerHTML);
}

/* simulation of second javascript file */
function renderDiv(content) {
    var div = document.createElement("div");
    div.innerHTML = content;
    div.addEventListener("click", function() {
        clickHandler(this);
    });
    document.getElementById("bodySimulation").appendChild(div);
}
renderDiv("a div");
renderDiv("another div");

见fiddle

【讨论】：