0

現在、シャツの前面と背面をそれぞれ表示する 2 つのキャンバスがあります。リストを使用して、表と裏のどちらを表示するかを選択しました。アンカー ( ) を使用して問題を解決することしかできませんが#front、それは Web ページ内の特定の場所にスクロールすることを意味します。それを実装し、ページの読み込み時にフロント キャンバスにフォーカスを設定する他の方法はありますか?

<ul style="border:0px solid yellow; padding-left:10px;">
    <li id="One">
        <a href="#One" id="first" style="height:20px; width:208px; margin-bottom:-8px; padding-bottom:0px;">
            <span style="margin-left:15px; font-size:medium;">Front Side</span>
        </a>
        <div>
            <canvas id="collage" width="450" height="450" style="margin:0px; padding:0px;"></canvas>
        </div>
    </li>
    <li id="Two">
        <a href="#Two" id="sec" style="height:20px; width:208px; margin-bottom:-8px; padding-bottom:0px;">
            <span style="margin-left:15px; font-size:medium;">Back Side</span>
        </a>
        <div>
            <canvas id="collage2" width="450" height="450" style="margin:0px; padding:0px;"></canvas>
        </div>
    </li>
</ul>
4

2 に答える 2

0 
<script type="text/javascript">
    function focuscanvas() {
        var canvas = document.getElementById('myGame');
        canvas.focus();
    };
</script>

onclickキャンバスに集中する必要があるときはいつでも、これをイベントとして使用してください。

<button type="button" class="btn btn-default" onclick="focuscanvas()" >
    Focus on Collage
</button>
于 2015-07-22T12:21:20.320 に答える
0

キャンバスにタブ インデックスを付けることができます。

<canvas 
    id="collage" 
    width="450" 
    height="450" 
    style="margin:0px; padding:0px;" 
    tabindex="1">
</canvas>

そして電話するdocument.getElementById('collage').focus()

編集:問題がクリックとページ読み込みのhrefをシミュレートしている場合、「フォーカス」とは別に、jQueryで次のことを行うことができます:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('#One').click();
});
</script>
于 2012-05-12T08:17:02.867 に答える