この記事では、Zepto.jsでのタップイベントの実装方法について説明して、バブルを防ぎます。参照のためにそれを共有してください。詳細は次のとおりです。
最近、私はウェブサイトのモバイル版に取り組んでいました。私はもともとjqueryモバイルを使用したかったのですが、ファイルが大きすぎたので、zepto.jsを使用しました
モバイルWebページでクリックイベントの使用が遅れているため、zepto.jsのタップイベントが使用されます。
クリックイベントを使用すると、StopPropagationを使用して気泡を防ぐことができますが、この方法を使用してタップすることは効果的ではありません
このような効果を達成する必要があります。ボタンA.BTNをクリックしてから、div.panelを表示し、div.panelを非表示にしたときに非表示にします。
$( "a.btn") $(document).on( "tap"、function(e){$( "div.panel")。hide();});デバッグツールを介して、Eオブジェクトのターゲット属性を取得できるため、この属性を使用して目的の効果を実現できます。
$( "a.btn")
これは解決策です
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。