2016-11-08 1 views
1

나는 검색 상자가있는 고정 된 위치 헤더가 있으며 그 뒤에는 일부 내용이 있습니다 (헤더의 z- 인덱스가 더 높음). 검색 상자에서 '포커스'이벤트를 처리하는 이벤트 핸들러가 있습니다. 문제는 searchbox를 클릭하면이 이벤트 핸들러가 트리거되지만 클릭은 헤더 뒤의 요소까지 전달된다는 것입니다. 클릭이 전달되기를 원하지 않습니다. event.preventDefault(), event.stopPropagating()event.cancelBubble = true을 시도했지만 그 중 아무 것도 작동하지 않는 것 같습니다.클릭이 고정 된 위치에있는 요소를 지나가는 것을 방지하려면 어떻게해야하나요?

+0

** event.stopPropagation(); ** ** ** ** ** 대신 ** – user3297291

+0

을 설정하십시오.'z-index : -1; position : relative'를 뒤에있는 내용 요소 (body 뒤에 내용을 밀어 넣는 것)에 맞추거나,'body'를 경미하게 높은'z-index'를 뒤에 놓는 것으로 뒤에서 가져 오도록하십시오 내용. –

+0

오타를 사용해서 죄송합니다. 예, event.stopPropagation() 만 사용했습니다. – ndh

답변

1

포커스 이벤트 전파를 중지하려는 것 같습니다.

검색 상자의 click 이벤트를 바인딩하고 event.stopPropagation()을 사용하십시오.

관련 문제