크롬 확장 프로그램의 addEventListener

Question

다른 요소를 클릭 할 때 div 위치가 고정인지 또는 정적인지를 전환 할 수있는 크롬 확장 프로그램을 만들려고합니다.

addActionListener에 문제가 있습니다. 이것은 내가 지금까지 가지고있는 것입니다 : jsfiddle

어디서 잘못 됐습니까?

HTML 섹션에서 사용한 ID와 클래스는 확장자를 만드는 사이트를 기반으로합니다. div.spacer에 빈 div를 추가하여 토글 버튼으로 사용할 수 있습니다.

Answer 1

toggle()이 함수를 호출하므로 리스너로 추가하고 싶습니다. 그래서 당신은 다음과 같이 매개 변수로 함수를 전달하려는 :

tog.addEventListener("click", toggle, false); 

다른 문제는이 기능을 대체 toggle라는 이름의 변수를 가지고있다. 함수 선언 function toggle() {}은 기본적으로 var toggle = function() {}과 동일하다는 것을 고려해야합니다. toggle이라는 변수를 선언하고 함수를 할당하십시오. 같은 이름의 "일반"변수를 사용할 수 없습니다. 변수 이름을 바꾸면 모두 괜찮을 것입니다.

Working example