如何使用触摸设备选择特定文本并突出显示?

时间:2015-11-02 09:12:47

标签: jquery jquery-plugins highlight touchdevelop

在触摸设备中,我需要从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

0 个答案:

没有答案