当src具有id时,防止iFrame获得焦点

时间:2014-05-23 15:35:45

标签: javascript jquery html css

我有这个简单的iframe:

<iframe src='http://edition.cnn.com/2014/05/23/world/asia/thai-coup-color-day-2/index.html?hpt=hp_c1#cnnContentContainer' class='ExFrame' id='ifr' style='width:100%;height:500px;' scrolling='yes'>

但是当我加载页面时,iframe会获得焦点。有可能阻止这种情况吗? 我试过这个:

$("#ifr").blur();

没有运气......

http://jsfiddle.net/ELRxm/

编辑:我想在iframe的网址中使用#ID

4 个答案:

答案 0 :(得分:0)

您需要检查Javascript以查看框架的内容;它可能正在设定焦点。

删除代码中的javascript:

$("#ifr").blur();

,并且更改src我发现焦点在这个小提琴中仍然没问题: http://jsfiddle.net/sablefoste/8gtLW/1/

*编辑*

Per @A。沃尔夫的评论,#告诉浏览器专注于特定内容。但你应该注意这个和你不拥有的网站上的Javascript,它们都可以有所作为。

答案 1 :(得分:0)

只需删除网址末尾的#cnnContentContainer

<iframe src='http://edition.cnn.com/2014/05/23/world/asia/thai-coup-color-day-2/index.html?hpt=hp_c1' class='ExFrame' id='ifr' style='width:100%;height:500px;' scrolling='yes'></iframe>

http://jsfiddle.net/ELRxm/1/

答案 2 :(得分:0)

您可以使用setTimeout()(约500毫秒)将焦点更改为您选择的元素。

答案 3 :(得分:-1)

sandbox属性解决了我的问题