아코디언의 텍스트 상자 이벤트

Question

아코디언 머리글 위에 텍스트 상자가 있습니다. 이제 텍스트 상자에 공백을 입력하면 아코디언이 열리면 축소됩니다. 그래서

$(".edit").click(function(event) { 

// if default text is present then select the whole content 
    if ($(this).attr('default') == $(this).val()) 
     this.select(); 
     event.stopPropagation(); 

}); 

내가 너무

와서하는 (텍스트 상자의 기본 기능입니다) 다음 텍스트 상자 내부에 기록 된 모든 내용을 선택하지를 클릭 dobule 때 이제 문제는 코드

다음 내가 쓴 것을 방지 내가 코드

$(".edit").dblclick(function(event) { 
    this.select(); 
}); 

하지만 다음 작성한 난 후 더블 클릭하면 지금 다시 전체 텍스트가 선택 점점하지만 난 텍스트 상자 안의 텍스트 만 정상적으로 동작하지 않는 선택된 상태 다음 한 번만 클릭합니다.

Answer 1

음,이 질문은 다소 오래되었지만 HTML5 placeholder= 속성을 사용하여 브라우저에서이 동작을 본래대로 모방 할 수 있습니다.

대체 솔루션 :

• 하는 대신 <label>를 사용하여 자리 표시자를 사용하지 마십시오.
• ready pleaceholder alternative을 사용하십시오.

HTML5 placeholder= 속성은 이미 모든 주요 브라우저에 상당한 지원을하고있다. 대체 스크립트를 사용하여 다음과 같은 것을 사용하여 향상시킬 수 있습니다. Modernizr