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