如何执行外部处理函数？

Question

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

Answer 1

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

所以，如果你第一次包括与函数clickhandler功能的文件，然后用渲染功能的文件，你可以调用渲染功能的函数clickhandler功能例如像

HTML

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

JS

/* 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