1

こんにちは、私は基本的にタイマーを使用して呼び出されるページの量である Web ベースのスライドショーを持っています。

顧客は、スライドで Silverlight/Flash ゲームを使用したいと考えており、画面に触れたとき (タッチ スクリーン) にのみアクティブにします。これは、JavaScript でマウス アクティビティをキャプチャし、Javascript で別のページ (Silverlight/Flash を含む) を呼び出す必要があることを意味します。私が見ている問題は、スライドが何でもかまいません:画像、ビデオ、YouTube、HTML...名前を付けます...ブラウザで実行できる場合は、マウス入力/タッチをインターセプトする必要があります。

これは可能ですか？

私の最初の考えは、100% 透明な <div> タグを作成し、すべての上に配置して、onclick イベントを含めることです....

どんな助けでも大歓迎です

解決策 少し調べたところ、できないことがわかりました。ただし、回避策があります。背景として透明な画像を持つ <div> タグを作成し、画面全体を埋めます。次に、クリック イベントをそのイベントにアタッチします。presto - すべて完了です。

<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>

ボタンをクリックしてもリンクボックスが強調表示されず、クリックイベントが発生することに注意してください。それが役に立てば幸いです-私はそれを理解するのに苦労しました.

4

1 に答える 1

1 
$(document).bind("click", function() {
    alert("you clicked the page");
});

しかし、iOS で Flash/Silverlight を実行することはできず、Adobe は Android でサポートされなくなりました。Silverlight についてはわかりません。

于 2012-08-16T17:14:28.640 に答える