TIPS

context 이벤트 사용하는법 (마우스 우클릭 이벤트 심화버전)

Hacs 2023. 8. 10. 13:17
728x90
반응형
SMALL

우클릭으로 상세보기를 하려고 한다.

 

이걸 하기위해선 미리 context.js에서 메소드가 정리되어 있다는 가정하에 설정할 수 있다.

 

만약 된다면 일단

 

사이트에서 우클릭을 하게된다면 beforeopen으로 들어가게 될것이다(클릭 전 이벤트 이니 우클릭 시 나오는 메뉴가 나온다.)

 

그러면 거기에 맞는 url을 타고 if문을 통해 원하는 view조건에 앉게 될 수 있다. (따로 만들어야함)

 

그러면 우클릭 후 클릭하게 되면 select 이벤트로 이동하게 되고 select에 진입하여 switch case문을 타고 들어올 수 있다.

 

그러면 이제 원하는 창이던지 알람이던지 메시지던지 자신의 입맛대로 작성하면 그 이벤트를 보여줄 수 있다.(이것도 당연 따로 만들어야함)

 

만약 팝업을 보여주고 싶다면 팝업창 url을 작성하면 거기로 가게된다.

 

 

 

요약 : html태그마다 어떤걸 마우스로 클릭하는지 미리 설정해 놓았단 가정

  --> 원하는 태그 마우스 우클릭

  --> context.js에 beforeOpen으로 이동하고 거기에 맞는 url에 화면을 보여줌(선택창)

  --> 선택창 클릭

  --> select에 있는 switch case문을 타고 원하는 조건으로 간 뒤 거기에 적혀있는 것들을 실행(ex 팝업창 보여줌)

  --> (적혀있는 url을 타고 팝업창을 띄워줌)

728x90
반응형
LIST