2011-03-24 5 views
0

버튼을 누르면 요소의 클래스가 마우스로 가져 오는 것과 동일한 "클래스"를 가져옵니다. (CSS에서 나는 kay : hover를 사용하여 스타일을 변경했습니다).keydown에서 className을 변경하십시오.

하지만 키를 키로 변경해야합니다. 지정한 클래스 이름을 가리 키십시오. onkeydown처럼 "키 C"에서 "키 : 호버 C"로 변경 스타일 :/

이 효과는 어떻게 얻을 수 있습니까?

미안 내가 잘못 설명하는 경우 : P

답변

1

난 그냥

했다 SOLVED를 keyDown :. document.getElementById를 ("keyC") 클래스 명 = "키 2의 C를"; KEYUP : document.getElementById ("keyC"). className = "키 C";

1

당신은

$('#area').keydown(function(event) { 
    if (event.keyCode == '65') { 
     $('#elementToChange').attr('class', 'newClass'); 
    } 
}); 

(65)과 같은 그런 다음 추가 'A'

문자에 대한 키 코드입니다 할 수

$('#area').keyup(function(event) { 
    if (event.keyCode == '65') { 
     $('#elementToChange').attr('class', 'oldClass'); 
    } 
}); 

을 사용하여 'a'버튼을 놓았을 때의 상태로 되돌릴 수 있습니다.

+0

저는 키 코드가 문자열이 아니라 숫자라는 것을 확신합니다. 게다가'event.keyCode' 대신'event.which'를 사용해야합니다. jQuery 문서의 인용문 : "브라우저가이 정보를 저장하는 데 다른 속성을 사용하는 동안 jQuery는 .which 속성을 정규화하여 문자 코드를 신뢰할 수있게 사용할 수 있습니다." – ThiefMaster

+0

이 답변은 jQuery를 사용합니다. 아무 문제가 없지만 jQuery (또는 다른 자바 스크립트 라이브러리)에 대해서는 언급하지 않았으므로 명확하게해야합니다. –

+0

순수 자바 스크립트로 만들 수 있습니까? –

관련 문제