我一直在尝试为我的Flash游戏设置这个测试页面,但它拒绝专注于加载.我读了一堆论坛条目并没有让它做任何事情,我真的不相信这应该是这么难.
这就是我所拥有的:
<head>
<title>UP HERE WE ESCAPE THE RAT RACE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("UpHere.swf", "myContent", "700", "300", "9.0.0");
function setFocusOnFlash() {
var fl = document.getElementById("myContent");
if (fl) { fl.focus(); }
}
</script>
</head>
<body onload="setFocusOnFlash()">
<div style="margin:0 auto; text-align:center; width:700px;">
<div id="myContent" style="margin:0 auto; text-align:center; width:700px;">
<p>Alternative content</p>
</div>
</div>
</body>
你可以在这里看到它, http://joon.be/exclusivepreview/
它出什么问题了？我对swfObject没有很深的了解......
我找到了一种适用于Firefox 16,Chrome 23和IE 8的方法(这些是我到目前为止测试过的地方).当然,这是一堆黑客,所以谁知道它是否会永远有用......但它肯定不会让事情变得更糟.
function setFocusOnFlash() {
var flash = document.getElementById("theIdOfTheObjectElement");
flash.tabIndex = 1234; // This was needed on Chrome 23
flash.focus();
// Attention: FireFox needs wmode "opaque"!
}
仅在Firefox上,还需要元素<param name="wmode" value="opaque">下object,否则focus()无效.(我已经使用了Stephen Belanger的jquery.flash,你可以指定wmode;我认为它也可以SWFObject.)
但更棘手的部分是你不能setFocusOnFlash太早打电话.对于Chrome和IE,setTimeout(setFocusOnFlash, 1)在插入对象的JavaScript之后直接添加有效.直接发行setFocusOnFlash()没有.我假设诀窍很简单,只有在浏览器完全处理文档更改后才会调用定时回调,无论您指定的延迟如何.但是对于这种小延迟的Firefox调用还为时过早; 它在object元素周围放置了一个虚线边框(它不应该),Flash没有得到击键.将延迟设置为250已在我的计算机上修复此问题,但谁知道您需要多大的延迟.(更糟糕的是,重复setFocusOnFlash调用也没有帮助......一旦那个虚线边框存在,它们没有进一步的效果.)所以,我所做的是添加一个ExternalInterface.call("flashLoaded")回调到flash文档类构造函数.为了清楚起见,您可以在Flash/ActionScript中执行此操作,因此您需要访问SWF文件的源或作者.这样,当SWF启动时,它会调用flashLoaded嵌入HTML页面的JavaScript方法,因此您就知道它已准备就绪.功能如下:
function flashLoaded() {
// Oddly, directly calling setFocusOnFlash() didn't work on IE8
setTimeout(setFocusOnFlash, 1);
}
| 归档时间： |
|
| 查看次数： |
6470 次 |
| 最近记录： |