0

これは私のコードです:

HTML

<div class="box-booking-item">
    <a href="javascript:void(0);" class="box-booking-item-content">
        <span class="box-booking-tendina">
            <span id="tendina_128" class="box-booking-tendina-elemento">Field 1</span>
            <span id="tendina_147" class="box-booking-tendina-elemento">Field 2</span>
            <span id="tendina_149" class="box-booking-tendina-elemento">Field 3</span>
            <span id="tendina_151" class="box-booking-tendina-elemento">Field 4</span>
            <span id="tendina_152" class="box-booking-tendina-elemento">Field 5</span>
        </span>
    </a>
</div>

CSS

.box-booking-item
{
    position:relative;
    width:100px;
}

.box-booking-item-content
{
    width:100%;
    cursor:pointer;  
}
.box-booking-tendina
{
    display:block;
    overflow-y: scroll;
    height:80px;
}

.box-booking-tendina-elemento
{
    height:22px;
    display:block;
}

Firefox (私は 12.0 を持っていますが、10.0 と 11.0 で試しましたが、同じです) で、スクロール バーをクリックして、上下にスクロールします (バーを押して、上下の矢印を使用しません)。コンテナdiv全体を「ドラッグ」するようなものです。

なぜこの振る舞いをするのですか？どうすればこれを修正できますか？

4

2 に答える 2

3

href="javascript:void(0);"コードから削除するだけ です

UPDATE : 前の方法を実行するか、タグに添付onmousedown="return false;"するだけですa

于 2012-06-13T08:52:33.383 に答える
2

コードから削除する必要がありhref="javascript:void(0);"ます。おそらく、アンカーを div に置き換える必要がありますか?

以下のコメントについて。

テキストを選択できないようにするには、CSS を使用できます。

選択不可にしたい項目にこのコードを含めます。

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
于 2012-06-13T08:54:34.170 に答える