Tumblr에 HTML 태그 용 이벤트 리스너를 추가하십시오.

Question

저는 Tumblr을 통해 우리 회사 블로그에 대한 작업을하고 있습니다. 우리는 당신이 메뉴 버튼을 누르고 JavaScript를 통해 메뉴가 튀어 나오는 모바일 사이트에 메뉴 바를 가지고 있습니다. 메뉴 버튼은 Tumblr 페이지의 사용자 정의 HTML에서는 작동하지 않지만 다른 모든 곳에서 작동합니다. 크롬 디버거에서 jquery.min.js의 div#menu-icon에 대한 청취자가 있다는 것을 발견했습니다. 버튼이 작동하면 3입니다. 이 이벤트 리스너는 Tumblr 메뉴 막대에 나타나지 않습니다. 이 이벤트 리스너를 Tumblr 블로그에 추가하려면 어떻게합니까? 여기

는 작업 메뉴 버튼에 대한 HTML입니다 :

<div id="menu-icon" class="menu"> 
    <div class="icon">Menu</div> 
</div> 

텀블러 블로그의 메뉴 버튼의 HTML은 동일하지만 난에 대한 div#menu-icon에 대한 이벤트 리스너를 얻을 수없는 것 블로그 페이지. 어떻게하면 좋을까요?

도움을 주시면 감사하겠습니다.

Answer 1

모든 HTML 요소의 경우 사용자가 클릭 한 것처럼 동작 할 때 지정할 수 있습니다. on*** 속성을 사용합니다. 여기서 ***은 작업입니다. 예 : onclick=.... 그래서 요소

: 사용자가 메뉴 아이콘을 클릭 할 때

<div class="icon" onclick="dropdownMenu()">Menu</div> 

이 함수 dropdownMenu()를 실행합니다.

또한 addEventListener()를 사용하여, 자바 스크립트 이벤트 리스너를 첨부 할 수 있습니다

HTML :

<div class="icon" id="menuIcon">Menu</div> 

JS :

var icon = document.getElementById("menuIcon"); 
icon.addEventListener("click",function() { 
    dropdownMenu() 
}); 

이 정확히 속성과 같은 수행 접근하지만 프로그래밍 방식으로