タッチ デバイスでは、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