javascript - タッチ スクリーン環境で機能する Title 属性の置き換え

Question

titleラベルのサイズが小さくなり、ellipsis. ここでの問題は、私のページがタッチ インターフェース ユーザーによってアクセスされる可能性があり、ホバーするオプションがない可能性があることです (Galaxy Note ユーザーは別として)。

完全なテキストの div をタップすると、画面上の div の横にあるタイトル テキストをトーストする、タッチ デバイス用の HTML5/HTML 内のコントロールを誰かが知っていることを期待していました。

Answer 1

タイトルの使い方とタイトルタグの乱用を参照してください。HTML5 はこれについてこれまでのところ話しませんでした。

js を使用して自分でダブルタブ イベントを実装するか、jquery doubletapを使用する必要がある場合があります。

または、ホバーイベントは、多くのモバイルデバイスによって実装され、最初のタップで起動されます...フィドル

CSS

span {
    width: 100px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span:hover {    
    overflow: visible;
}

HTML コード

<span>Test test test test test test</span>