单击子锚点时,确保将触发父母的onclick事件?

时间:2017-11-21 22:05:45

标签: javascript

我的问题恰好与之前发布的帖子相反:
如何在点击子锚点时阻止父级的onclick事件触发?

我有一个父母'这个页面将动态加载DIV的innerHTML与一个'外部' HTML文档。这很好。

我还有一个搜索功能,可以查看所有'外部' HTML文档,以查看是否找到包含SearchText的一个(或多个) 如果找到一个(或更多),则创建一个新的HTML页面:SearchResults.htm 在SearchResults.htm中,它列出了'找到的'文档作为链接 - 每个都有自己的onclick()方法,然后在同一个DIV的innerHTML中显示新的SearchResults HTML文档。
显示器本身工作正常。

'儿童'页面链接示例:



 fun self_compose f = fn x => f (f x)




然而,js函数DisplayDocument()驻留在' Parent'页。

我的问题是当我点击“孩子”时页面链接好像它开始在' Child'中寻找js函数。没有js功能的页面,它似乎永远不会试图在“父母”中找到它。页。

我怎么能:
1)防止onclick在“孩子”中查看'页面?
2)确保在点击子锚时会触发父母的onclick事件?

谢谢

1 个答案:

答案 0 :(得分:0)

再一次看起来我将不得不回答我自己的问题。

当我

  

使用'外部'动态加载DIV的innerHTML。 HTML文档。

我将SearchResults HTML文档代码放入HTML对象中,然后将Object放入innerHTML中。

当我加载'外部' HTML文档,但它不适用于其中包含链接的SearchResults文档 - 每个文档都有自己的onClick()。

我发现不是创建一个SearchResults文档,而是只需要加载' raw' HTML代码(代表SearchResults)到innerHTML中,而不是在HTML对象中,

然后我能够在SearchResults链接上成功执行js代码。

希望这可以帮助其他人面对同样的问题。