pdf.js의 공백 위로 끌 때 'jumping'에서 위로 텍스트 선택 방지

Question

텍스트 선택시 pdf.js를 사용하고 있습니다.

그래서 pdf.js는 텍스트 선택을 제공하기 위해 pdf의 다양한 텍스트를 포함하는 절대 위치 지정 div를 만듭니다.

텍스트를 끌기 위해 드래그하는 동안 단락 사이의 영역과 같이 텍스트가 아닌 영역으로 계속 선택하면 선택 항목이 텍스트의 맨 위로 모든 항목을 선택하는 것으로 이동합니다.

만약 당신이 그들의 예를 보게되면 내가 무엇을 설명하는지 알 수 있습니다. 왼쪽 열의 여러 단락에서 텍스트를 선택하면 "깜박임"이 선택되어 모든 항목을 선택합니다. http://mozilla.github.io/pdf.js/web/viewer.html

이 문제를 방지하는 방법에 대한 아이디어가 있으십니까? 그것은 매우 산만합니다.

나는 그것이 텍스트를 절대적으로 유지하는 모든 div와 관련이 있다고 생각한다. pdf.js 파일에서

Answer 1

는 이제 사용자 정의 JS 파일이 추가 function appendText 검색하고

textDiv.className = "hitext"; 

아래

var textDiv = document.createElement('div'); 

을 추가

window.addEventListener('mousedown', function mouseup(evt) { 

if($(".hitext:hover").length==0) //To check if the cursor is hovering over the text 
{ 
    //Selection is disabled using CSS if the mousedown event was triggered when the cursor was not over the text 
    $(".hitext").css({"-webkit-touch-callout": "none", "-webkit-user-select": "none", "-khtml-user-select": "none", "-moz-user-select": "none", "-ms-user-select": "none", "user-select": "none"}); 
} 
else 
{ 
    $(".hitext").css({"-webkit-touch-callout": "text", "-webkit-user-select": "text", "-khtml-user-select": "text", "-moz-user-select": "text", "-ms-user-select": "text", "user-select": "text"}); 
} 

});