2014-02-24 8 views
0

저는 댓글 섹션과 같은 페이스 북을 복제하려고합니다. 사용자가 새 코멘트를 추가하려고 할 때 텍스트 색상이 희미 해지고 캐럿이 새로운 마사지의 시작일 때입니다.초점이 맞춰지면 캐럿이 시작됩니다.

var inp = document.getElementsByTagName('input')[1]; 
if (inp.createTextRange) { 
    var part = inp.createTextRange(); 
    part.move("character", 1); 
    part.select(); 
} else if (inp.setSelectionRange){ 
    inp.setSelectionRange(1, 1); 
} 

을하며 작동하는 것 같다하지만이 같은 jQuery를 선택 안에 넣어하려고 할 때 :이 코드를 사용하고

$("#massages_body input").focus(function(){ 
    $(this).css('color', 'rgba(128,128,128,0.4)'); 
    if ($(this).createTextRange) { 
     var part = $(this).createTextRange(); 
     part.move("character", 1); 
     part.select(); 
    } else if ($(this).setSelectionRange){ 
     $(this).setSelectionRange(1, 1); 
    } 
}); 

는 전혀 일을 doest'nt. 내가 여기서 Jquery 또는 Javascript를 잘못 사용하고 있지만 문제를 찾을 수 없다고 확신합니다. 당신의 도움을 주셔서 감사합니다!

+0

시도 콘솔이 존재하고 당신이 될 것으로 기대 하나입니다 있는지 확인하기 위해 선택기를 로깅 (을 console.log ($이)); 두 번째 줄로. 집중할 때는 집중된 요소를 뱉어 내야합니다. Chrome에서는 부모, 자녀 (있는 경우), 형제, 값, 속성 및 속성을 포함하여 요소에 대한 많은 정보를 볼 수 있어야합니다. 콘솔 로깅은 javascript 버그 검색에서 매우 중요합니다. – Lazerblade

답변

0

당신이 생각하고있는 것은 Facebook이 HTML5 사양의 일부이며 모든 주요 및 최신 브라우저에서 지원되는 양식 입력 자리 표시자를 사용한다는 것입니다.

당신은뿐만 아니라 기존 브라우저에 대한 그 효과를 재현하기 위해이 라이브러리를 사용할 수 있습니다 : Placeholders.js

관련 문제