1

タッチ デバイスでは、div または p から特定のテキストを選択する必要があり、その後、ユーザーが選択したテキストを強調表示する必要があります。

jQuery textHighlighter を使用しています。

出来ますか?

以下は、このコードを試してみましたが、非タッチデバイスでは機能しますが、タッチデバイスでは正しく機能しません

$(".ParagraphText").textHighlighter({
//$(".ParagraphText").textHighlighter({
    onRemoveHighlight: function(highlight) {
        return true;
    },
    onBeforeHighlight: function(range) {
        return true;
    },
    //when text is selected make it draggable
    onAfterHighlight: function(highlights, range) {
        //logger("onAfterHighlight...");
        $(".ParagraphText").find(".SelectedText").removeClass("SelectedText")

        $(".HighlightText"+highlighClass).addClass("SelectedText");
        SelectedText = "HighlightText"+highlighClass;
        $("#btnClearColor").show();
        $("#btnClearColor").css('background-color',mycolor);

        $(".HighlightText"+highlighClass).draggable({
            helper: 'clone',
            appendTo: '#paraLi',
            containment: "#myDragDiv",
            revert: true,
            scroll:false,
            cursorAt: { top: 13, left: 13 },
            start: function(event,ui){
                //logger('Inside start.');
                $(".HighlightText"+highlighClass).css( "zIndex", 10000 );
            },
            drag: function(event,ui){
                //logger('Inside drag.');
            }
        });// HighlightText"+highlighClass draggable complete.

    }//Complete onAfterHighlight
});//Complete textHighlighter
4

0 に答える 0