2012-12-05 7 views
1

많은 (적어도 5 개 이하) 자식 요소를 가질 수있는 div가 있습니다 (주로 div, tableimg). 사용자가 해당 div의 하위 요소를 클릭하면 테두리를 그립니다 (예 : jquery.css 메서드 사용).jquery : 초점을 맞추고 테두리를 지우고 div의 자식 요소를 흐리게 처리합니다.

$div.click(function() { 
    //drawing frame here 
}); 

외부에서 클릭 프레임을 제거하는 것이 훨씬 더 어렵습니다. 다른 div 또는 body에 의해 throw 된 click 이벤트에서 선택 취소를 처리 할 수있는 원인. 하지만 ... 아마도 더 우아한 해결책이 있을까요?

미리 감사드립니다.

답변

3

처리하려면 .on('focusin').on('focusout') 이벤트를 사용해보십시오.

자세한 정보 : focusin, focusout.on();

+0

내가 뭔가 더보다는 jQuery를 가져와야을 '.on' 함수를 만들기 위해 접근 가능. – Eugeny89

+0

아니, jQuery 함수입니다. –

1

기능 on에게 주변 DIV

예 사용해보십시오 : HTML :

<div id="test"> 
    <div><p>Hallo</p></<div> 
     <img src="not found" alt="not found"> 
    </div> 

JS :

$('#test').on('click', '*', function(){ 

    $(this).css('border', '1px solid red'); 
return false; 
}); 

피들러 : http://fiddle.jshell.net/

관련 문제