你好,我有一个基于网络的幻灯片,它基本上是使用计时器调用的页面数量。
客户现在想要一个幻灯片中的 silverlight/flash 游戏,并且只有在触摸屏幕(触摸屏)时才激活它。这意味着我需要在 javascript 中捕获任何鼠标事件,然后让我的 Javascript 调用不同的页面(包含 silverlight/flash)。我看到的问题是幻灯片可以是任何东西:图像、视频、youtube、HTML ......随便你怎么说......如果它可以在浏览器中运行,我需要拦截任何鼠标输入/触摸。
这可能吗?
我的第一个想法是制作一个 100% 透明的
感谢任何帮助
解决方案 经过一番研究后,我发现它无法完成。但是 - 有一个解决方法,制作一个带有透明图像作为背景的
<style>
body, html
{
margin:0px;
height:100%;
width:100%;
}
a
{
height: 50px;
width: 150px;
border: 1px solid black;
margin: 10px;
display: block;
}
a:hover
{
height: 50px;
width: 150px;
border: 1px solid black;
margin: 10px;
display: block;
background-color:red;
}
#popover
{
width:100%;
height:100%;
background-image:url('/gfx/transparent.png');
z-index:999;
position:absolute;
left:0ox;
top:0px;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#popover").click(function () {
alert('Clicked the popover screen');
});
});
</script>
<h2>
Index</h2>
<input type="button" value="Display" id="showbutton" />
<div>
<table>
<tr>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
</tr>
<tr>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
</tr>
<tr>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
</tr>
<tr>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
</tr>
<tr>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
</tr>
<tr>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
<td> <a href="#">Test</a></td>
</tr>
</table>
</div>
<div id="popover">
</div>
请注意,当您单击按钮时,链接框不会突出显示 - 您会收到单击事件。希望它能有所帮助 - 我很难弄明白。
最佳答案
$(document).bind("click", function() {
alert("you clicked the page");
});
但是你不能在 iOS 上运行 Flash/Silverlight 并且 Adobe 不再支持 Andoid,不知道 Silverlight
关于JavaScript 全局鼠标钩子(Hook),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11992160/
相关文章:
JavaScript - 这个 if 语句中的条件有什么意义 : if(document. getElementById)
javascript - 使用 cordova 编译 iOS 版本时出现问题
javascript - 尝试使用 onclick 事件提交父表单,但不起作用
javascript - 如何使用 jest 测试 javascript 中的抽象函数?
php - 如何通过 Ajax 调用 PHP 脚本中的特定函数?
javascript - 如何在 PHP 中使用 JavaScript(AJAX) 变量
html - 将标题中心的 Logo + h2 与响应行为对齐