의 jQuery 구문을 확인하는 경우 경우를 keyDown

내가 상호 작용을 작성하고 하나 개의 요소에 구문 약간의 도움을 필요로하고 함께 클래스 :의 jQuery 구문을 확인하는 경우 경우를 keyDown

하는 클래스가 사업부

<div class="something">

에 존재하는 "경우"확인 필요

하고 "Enter"키를 누르면 (키 13)

switch (window.event.keyCode) { 
     case 13: 
     window.location.href = 'http://google.com'; 
     break; 
}

다음 함수를 실행

$('#thing').addClass('that');

올바른 jQuery 또는 JS 구문이 이와 비슷한 경우는 무엇입니까?

그래서 물건을 취소 : 나는 변화하는 클래스와 사업부가 있습니다. 클래스가 다이빙에있을 때 브라우저가 감지하도록하려면 "AND"버튼을 누른 후 함수를 실행하십시오.

감사합니다.

출처

2014-04-30 Brock

는 작업 JSFiddle

당신은 당신의 키 누르기 함수 내에서 클래스를 확인할 수 있습니다

$(function() { 

    $(window).keypress(function(event) 
    { 
     if ((event.keyCode == 13) && ($('div').hasClass('this'))) 
     { 
      $('#thing').addClass('that'); 
     } 
    }); 

});

당신은 특정 DIV 클래스가 있는지 여부를 확인하기 위해 일반 div을 변경할 수 있습니다 by id

출처

2014-04-30 20:51:52 Danny

그것은 대단하다! 고마워요 대니. 정말 감사. – Brock

대니 대니, 키 누르기 순서로 기능을 실행하는 "모범 사례"방법이 있습니까? 위의 예 에서처럼, 사용자가 키 13을 누르고 첫 번째 기능을 실행했습니다. 사용자가 동일한 키를 다시 누르면 다른 기능을 어떻게 실행할 수 있습니까? – Brock

다음은 사용자가 Enter를 눌렀을 때 추적 한 피들입니다 (그리고 div에는 클래스가 있습니다) : http://jsfiddle.net/dshell/qjLZm/. 다른 클래스를 추가하는 것과는 완전히 다른 일을하고 싶을 수도 있습니다. 그렇다면'addClass'를 호출하기보다는'case 2'에서 다른 함수 호출을 할 수 있습니다. – Danny

if($('#thing').hasClass('that')) { // your code };

간단합니다. jQuery 문서를 확인하십시오. 일반적으로 당신이 무엇인가를해야한다면, 이미 그것을위한 기능이 있습니다.

출처

2014-04-30 20:41:12

해답을 가져 주셔서 감사합니다! // 코드 영역 내에 키 코드 케이스를 넣을까요? – Brock

다음은 내가하는 일입니다. $ (창) CSTE 연구진 ('에서 KeyDown', 기능 (E) { 경우 (e.keyCode의 == 13 && $ ('# 일'). hasClass ('고')) {= window.location.href "www.google.com"; } }) –

당신은 아마 JQuery와 기능 .hasClass()

https://api.jquery.com/hasClass/

나는 완전히 당신이 그것을 통합 할 뭘 하려는지 이해 이해하지

if($("#thing").hasClass("something")){ 
    $("#thing").addClass("that"); 
}

같은 찾고있는

당신의 코드. 여기

출처

2014-04-30 20:44:55 thogue

고마워! 좀 더 선명하게하기 위해 몇 가지 텍스트를 추가했습니다. 도와 줘서 고마워! – Brock

의 jQuery 구문을 확인하는 경우 경우를 keyDown

답변

관련 문제