Noob 도움말 Jquery 입력 폼, 포커스, 흐림, 키 누르기 - 커서가 변경되지 않습니까?

Question

tumblr의 웹 사이트와 비슷한 멋진 jquery가 포함 된 양식을 만드는 데 문제가 있습니다. 나는이 링크에서 pluggin을 사용하고

• 는 http://fuelyourcoding.com/scripts/infield/

이것은 내가 지금까지 http://www.messtudios.com/form/index2.html

내가하고 싶은하지만 알아낼 수 없습니다 어떤 변화와 함께 작업 한 것입니다 커서 : 커서를 가리키는 포인터 : 텍스트, 입력 필드를 클릭합니다.

Tumblr 로그인 또는 가입 양식과 유사합니다.

지금은 레이블이 필드 위에 배치되어 있기 때문에 마우스를 가리 키지 않습니다.

사전 도움을 주시면 감사하겠습니다.

라벨 너비와 패딩을 제거하면 라벨 텍스트가 아닌 영역에서만 작동합니다 (라벨 텍스트 위로 마우스를 가져 가면 원하는 방향으로 더 보이지만 여전히 허용되지 않음). 커서가 포인터로 다시 바뀝니다.)

이것을 추가했습니다. var $ input = $ ('input'); $ input.focus (function() {$ this this.prev(). css ('cursor', 'text')}); $ input.blur (function() {$ this this.prev(). css ('cursor', 'pointer')});

Answer 1

이 작업은 CSS로만 수행 할 수 있습니다. 주어진 예를 들어 단지 추가 -

label.infield{ 
    cursor: text; 
} 

편집

을 당신이 그것으로 모든 공상을 얻고 싶은 경우에, 다음과 같은 트릭을 할 것 같다 :)

var $input = $('input'); 
$input.focus(function(){$(this).prev().css('cursor','text')}); 
$input.blur(function(){$(this).prev().css('cursor','pointer')});