2013-08-04 4 views
1

제목이 대부분의 질문을하지만, LMB를 사용하여 클릭 할 때 시각적으로 강조하는 부분이 무엇인지 궁금합니다.MouseEvent 또는 다른 것의 어떤 측면이 시각적 강조 표시를 트리거합니까?

내가 시각적으로 강조 표시한다는 것은 선택한 텍스트를 표시하는 파란색 상자 (기본값 인 경우)가 표시 될 수 있음을 의미합니다. 내 지식에 따르면, 실제 선택은 선택 객체의 닻과 초점의 차이이지만, 그 중간에 파란색 상자를 그리는 Chrome이 있음을 알 수 있습니다.

텍스트 선택과 텍스트 강조 표시가 반드시 함께 작동하는 것이 아니라 동시에 작동하는 것입니다. 나는 다른 키/버튼으로 텍스트 선택을 시뮬레이트 할 수 있기를 바랍니다.

답변

0

당신이 당신의 질문을 이해한다면 .select 이벤트 (나는 당신이 그걸로 무엇을 할 수 있는지 보여주기 위해 jquery를 사용할 것입니다). 사용자가 요소에서 일부 텍스트를 선택하면 해당 이벤트가 발생했습니다. 예 :

$("#TextArea").on("select", function(){ 
    alert("you have been selected somesing"); 
}); 

TextArea는 물론 텍스트 영역입니다.

편집 : 좀 더 많은 정보와 팁 : 당신은 내가 도움이되기를 바랍니다

(당신이 slice()를 사용하는 경우),하자 사용자가 선택한 것을 알 수 인덱스와

$("#TextArea").on("select", function(){ 
    indexOfSelectionStart = this.selectionStart; 
    indexOfSelectionEnd = this.selectionEnd; 
    alert("first index: " + indexOfSelectionStart + ". sec: "indexOfSelectionEnd); 
}); 

나를 안다.

행운을 비네.

+0

재미있는 정보가 매우 유용하지만 질문에 대답하지 않습니다. 내가하려는 것은 텍스트 선택이 아닌 강조 표시를 다시 생성하는 것입니다. 즉, 텍스트를 선택할 때 텍스트 주변에 나타나는 파란색 상자를 만들고 싶습니다. – muiiu

+0

텍스트 상자/텍스트 영역 또는 일반 텍스트의 텍스트입니까? CSS를 사용하여 특정 요소 (div, p, a 등)를 강조 표시 할 수 있습니다. 그러나 나는 아직도 당신이 원하는 것이 확실하지 않은 경우 –

+0

아니요, 기술적으로는 내에있는 텍스트입니다. 따라서이 화면의 텍스트가 전부는 아니지만 대부분입니다. CSS를 사용하여 어떻게 "동적으로"강조 표시하겠습니까 (사용자 정의 강조 표시 시작 및 끝내기)? – muiiu