이 기사에서는 거품을 방지하기 위해 Zepto.js의 TAP 이벤트 구현 방법을 설명합니다. 참조를 위해 공유하십시오. 세부 사항은 다음과 같습니다.
최근에 나는 웹 사이트의 모바일 버전에서 작업하고있었습니다. 원래 JQuery Mobile을 사용하고 싶었지만 파일이 너무 커서 Zepto.js를 사용했습니다.
모바일 웹 페이지에서 클릭 이벤트 사용이 지연되므로 zepto.js의 탭 이벤트가 사용됩니다.
클릭 이벤트를 사용하면 스톱 포거레이션을 사용하여 거품을 방지 할 수 있지만이 방법을 사용하여 탭하면 효과적이지 않습니다.
이제 이러한 효과를 달성해야합니다. 버튼 A.BTN을 클릭 한 다음 Div.Panel을 표시 한 다음 Div.Panel을 숨기지 않으면 Div.Panel을 클릭하면 Div.Panel을 숨 깁니다.
$ ( "a.btn"). on ( "tap", function (e) {e.stoppropagation (); //이 메소드는 작동하지 않습니다. $ ( "div.panel"). show ();}); $ (document) .on ( "tap", function (e) {$ ( "div.panel"). hide ();});디버깅 도구를 통해 E 객체에서 대상 속성을 얻을 수 있으므로이 속성을 통해 원하는 효과를 얻을 수 있습니다.
$ ( "a.btn"). on ( "tap", function () {$ ( "div.panel"). show ();}); $ (document) .on ( "탭", function (e) {if (! $ (e.target) .hasclass ( "btn")) {$ ( "div.panel"); hide ());이것은 해결책입니다
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.