jquery - タップホールドイベントで選択したテキストを取得する

Question

タップホールドイベントを使用して選択したテキストにマークを付けたい。次のコードを参照してください。

$(function () {

    $('body').bind('taphold', function (e) {
        $(this).addClass('highlighted');
        e.stopImmediatePropagation();
        return false;
    });

});

しかし、$（this）は本文を返しますが、選択したコンテンツを取得するにはどうすればよいですか？

Answer 1

イベントをバインドすると、bodyso$(this)が返されますbodyが、イベントをe.target発生させるターゲット要素が返されます。

$(function () {
    $('body').bind('taphold', function (e) {
        $(e.target).addClass('highlighted');   // use e.target instead of this
        e.stopImmediatePropagation();
        return false;
    });
});

Answer 2

$(document).delegate('id やクラス名などのテキスト セレクターが必要です', 'taphold', function (e) {

             $(this).addClass('highlighted');
             e.stopImmediatePropagation();
             return false;
        });

これが役に立てば幸いです。