덮어 쓴 div 요소의 자바 스크립트 이벤트

덮여있는 div 요소의 이벤트와 관련하여 질문이 있습니다. progress-bar 클래스로 덮여있는 div 요소의 마우스 클릭 이벤트를 얻을 기회가 있습니까? 안타깝게도 클래스 progress-bar을 가진 div 컨테이너가 중첩 된 요소라는 방식으로 요소를 재정렬 할 수 없습니다. 내 문제에 대한 해결책이 있으면 좋을 것입니다.덮어 쓴 div 요소의 자바 스크립트 이벤트

<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;" onClick="alert('I need this event')"> 
    <span class="sr-only">60% Complete</span> 
</div>

나는 personalHourFieldWrapper와 사업부 컨테이너를 제거 할 경우는 마우스 클릭 이벤트와 관련된해야처럼 작동보다

<div class="personalHourFieldWrapper"> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
        <span>&nbsp;</span> 
</div>

을하지만 절대적이 열두 폭 용기가 필요합니다. 제 목표는 div 컨테이너의 마우스 클릭 이벤트를 progress-bar이 html 구조로 만드는 것입니다.

My JSFiddle testexample

출처

2016-08-10 quma

정확히 무엇을하려고합니까? –

당신은 실제로 CSS와 함께이 문제를 해결할 수 있습니다. 을 .personalHourFieldWrapper에 사용하십시오. 유일한 하락은 해당 div에 대한 클릭 이벤트를 잃게된다는 것입니다. 브라우저에 따라 몇 가지 문제가있을 수 있습니다. Demo은 Chrome 및 Edge에서 테스트되었습니다.

출처

2016-08-10 18:48:58

감사합니다. 정확히 내가 뭘 ~ 감사합니다! – quma

덮어 쓴 div 요소의 자바 스크립트 이벤트

답변

관련 문제