1

だから、これは少しトリッキーなようです。いくつかの領域を含む画像マップがあり、機能は次のようになります。

  • エリアをクリックして、ツールチップを表示します

ここにいくつかのコードがあります（単なるスニペット）：

<img src="content/dummy/1_small.jpg" alt="" usemap="#img_1">
<map name="img_1">
    <area shape="rect" coords="150,50,250,150" href="" alt="" />
    <area shape="rect" coords="250,500,350,600" href="" alt="" />
</map>

そして、それに応じたクリックハンドラー：

this.areas.click( function (event) {
    var position    = that.areas.index(event.target);
    that.toggleTooltipTouch(position);
    event.preventDefault();
});

これは問題なく動作します。ただし、領域をクリックするたびに、Safariはタッチイベントの時間に少し透明なボックスを表示します。短く叩くとちらつきのように見えます。

したがって、問題は、この動作を防ぎ、そのボックスを表示しないようにする方法です。

4

1 に答える 1

1

iOSのダークグレーボックスのアクティブスタイルで述べたように、タップハイライトボックスを非表示にする必要があります。

img { -webkit-tap-highlight-color: rgba(0,0,0,0); }
于 2012-06-24T10:05:55.700 に答える