Javascript 使用事件侦听器显示/隐藏iFrame

Javascript 使用事件侦听器显示/隐藏iFrame,javascript,iframe,event-handling,Javascript,Iframe,Event Handling,我对javascript/web开发相当陌生,但我的任务是在一个小组项目中创建一个现有网页的图像比较滑块。页面上有一个地图(ArcGIS web地图),我发现了一个在iframes中托管图像比较滑块的服务 我在想,当用户单击地图上的某个点时,我可以使用EventListener来监听,然后它将显示相应的iframe,并隐藏最后一个iframe 这可能吗?是的。这在Javascript中是绝对可能的。您所要做的就是设置一个要在onclick事件中调用的函数,在该函数中,您必须获得所需的单击坐标(使

我对javascript/web开发相当陌生,但我的任务是在一个小组项目中创建一个现有网页的图像比较滑块。页面上有一个地图(ArcGIS web地图),我发现了一个在iframes中托管图像比较滑块的服务

我在想,当用户单击地图上的某个点时,我可以使用EventListener来监听,然后它将显示相应的iframe,并隐藏最后一个iframe


这可能吗?

是的。这在Javascript中是绝对可能的。您所要做的就是设置一个要在
onclick
事件中调用的函数,在该函数中,您必须获得所需的单击坐标(使用
event.clientX
event.clientY
)。根据这些坐标,您可以计算出所需的iFrame编号