javascript - タッチ イベントがサポートされている場合にのみ Bootstrap ツールチップを使用しますか?

Question

私は自分のサイトでBootstrap ツールチップを使用しています:

$('body').tooltip({
  selector: '.help, .searchicons li, .user-prefs, .colour'
});

唯一の問題は、特定のタッチ イベントがアタッチされている要素にアタッチされている場合、タッチ デバイスでうまく動作しないことです。

タッチ要素でそれらを無効にする方法はありますか?

Answer 1

タッチ機能を検出し、タッチが有効になっていない場合にのみツールヒントを作成できます。

var is_touch_device = 'ontouchstart' in document.documentElement;

if (!is_touch_device) {
    $('body').tooltip({
        selector: '.help, .searchicons li, .user-prefs, .colour'
    });
}