2013-10-07 2 views
-1

클래스에 포커스가있는 div와 같은 다른 클래스를 작성하려고 시도하고 있는데 다른 클래스에서 click 이벤트가 있어야합니다. 이것이 가능한가 ?div에 포커스가있는 경우 다른 클래스에도 클릭이 발생합니다.

HTML

<div class="focusDiv"> 
    <div class="clickEvent"> 

    </div> 
</div> 

내가 얼마나 후 가능하면 알고 싶어

.focus:focus{ 
background: #fff; 
border-color: #fa9a34; 
-webkit-box-shadow: 0px 0px 6px 0px rgba(250, 154, 52, .5); 
box-shadow: 0px 0px 6px 0px rgba(250, 154, 52, .8); 
outline: none; /* remove outline */ 
    } 

CSS는?

+1

부모 'div'요소에 포커스가있는 경우 (* how? *) 클릭 이벤트 또는 처리기를 트리거하거나 바인딩 하시겠습니까? –

답변

0

사용 .mouseenter()

$('div').mouseenter(function(){ 
    $('div.className').click(); 
       or 
    $('div.className').trigger('click'); 
}); 

.trigger()

+0

@DavidThomas 업데이트 됨 :) –

0

이 정확히 무엇을 의미하는지 이해하기 어렵지만, 문제는 jQuery를로 태그, 그래서 내가 대답에 최선 시도를 줄 것이다. 당신이 head의 스크립트 섹션에 포함 jQuery의 최신 버전이있는 경우에만

$('.focusDiv').focus(function() { 
    $('.clickEvent').trigger('click'); 
}); 
0

모든 것이 가능하다. :)

당신은 trigger을 가질 수 있습니다. 다음과 같이 사용하십시오 :

$('element').focus(function() { // when element is in focus 
    $('element').trigger('click'); // click on second element 
}); 

이렇게하면 첫 번째 요소에서 클릭이 발생하면 다른 div에서 click 이벤트가 생성됩니다!

편집 : 죄송합니다. focus 대신 실수로 click을 작성했습니다.

관련 문제