사용자가 선택한 텍스트를 텍스트 양식 입력으로 검색 할 수 있습니까?

Question

사용자가 선택한 입력 문자열의 선택된 부분 만 가져 오려고합니다. 이 입력을 가지고 있다고 가정 해 봅시다 :

<input type="text" name="first_name" id="first_name" value="Enter your name" /> 

그리고 사용자는 텍스트 필드를 클릭하고 끌어서 "입력"단어를 선택합니다. jQuery로 해당 텍스트를 검색 할 수 있습니까?

은 내가 전체 값이 방법을 얻을 수 있습니다 알고

이

$("#first_name").val(); 

그러나 지금까지, 난 단지 선택 "입력"부분을 얻을 수 어쨌든 찾지 못했습니다. 누구나 올바른 방향으로 나를 가리킬 수 있습니까? 감사!

편집 나는 document.getSelection을 시도하고 이러한 "P"로 정적 텍스트 요소에 파이어 폭스에서 잘 일하고있어. 지금까지는 텍스트 입력에서 작동하지 않습니다.

IE에서 window.selection.createRange(). text는 "p"및 텍스트 입력에서 모두 작동합니다.

Answer 1

을 사용하여이 jQuery의 선택 기능을 할 수있을 document.getSelection해야 :

$(document).ready(function(){ 
    $("#first_name").focus(function() { 
     $(this).val(""); 
    }); 
}​);​ 

는 예를 참조하십시오 : 이것은 다음과 같이 수행 할 수 있습니다

여기에 최종 답변이 있습니다. 우리가 input 또는 textarea로 작업 할 때 getSelection() 대신 selectionStart 및 selectionEnd를 사용해야하는 것 같습니다. 여기 내 테스트 코드입니다 :

$(".name").mouseup(function() 
{ 
    var selected_text = ""; 
    if (window.getSelection) // Firefox 
    { 
     var text = $(this).val(); 
     selected_text = text.substring(document.activeElement.selectionStart, document.activeElement.selectionEnd); 
    } 
    else // IE 
    { 
     selected_text = document.selection.createRange().text; 
    } 
    alert(selected_text); 
}); 

그리고 내 HTML은 간단하다 :

<input type="text" name="name" class="name" value="Enter your name" /> 

그래서 나는 마침내 그것을 얻었다. 모든 사람들의 의견을 보내 주셔서 감사합니다!

Answer 2

This 도움이 될 수 있습니다. .select() 기능을 사용해야합니다.

Answer 3

일반 자바 스크립트 바꾸기 메소드를 사용할 수 있습니다.

$("#first_name").val().replace("Enter your name", "") 

는 예를 참조하십시오 http://jsfiddle.net/gezDF/

그러나, 또 다른 옵션은 사용자가 필드에 입력 할 때 텍스트를 제거 할 수 있습니다. http://jsfiddle.net/JNmAF/

Answer 4

이

http://www.devguru.com/Technologies/ecmascript/quickref/doc_getselection.html http://api.jquery.com/select/