$("a.btn").on("tap",function(e){
  e.stopPropagation();//該方法不起作用
  $("div.panel").show();
});
$(document).on("tap",function(e){
  $("div.panel").hide();
});

通過(guò)調(diào)試工具，得到e這個(gè)對(duì)象中有一個(gè)target屬性，于是可以通過(guò)該屬性來(lái)實(shí)現(xiàn)所需要的效果：

$("a.btn").on("tap",function(){
  $("div.panel").show();
});
$(document).on("tap",function(e){
  if(!$(e.target).hasClass("btn")){
    $("div.panel").hide();
  }
});

這樣算是解決了

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript之Canvas_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript之Canvas，Canvas是HTML5新增的組件，它就像一塊幕布，可以用JavaScript在上面繪制各種圖表、動(dòng)畫(huà)等
2017-07-07
uni-app的基本使用教程
uni-app??? 是一個(gè)使用 ???Vue.js?? 開(kāi)發(fā)所有前端應(yīng)用的框架，開(kāi)發(fā)者編寫(xiě)一套代碼，可發(fā)布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘）等多個(gè)平臺(tái)，這篇文章主要介紹了uni-app的基本使用,需要的朋友可以參考下
2022-11-11
js獲取隨機(jī)顏色值的函數(shù)
隨機(jī)顏色如何獲取，在本文將為大家介紹下如何使用js來(lái)獲取，感興趣的朋友可以參考下
2013-09-09
JS事件Event元素(兼容IE,Firefox,Chorme)
今天，想聊聊JS事件對(duì)象。相信大家對(duì)于獲得激發(fā)JS事件的原對(duì)象的理解，有的人可能簡(jiǎn)單停留在IE上。也就是window.event這個(gè)對(duì)象
2012-11-11
SyntaxHighlighter 3.0.83使用筆記
本文主要介紹了SyntaxHighlighter的配置及代碼的使用，并附上在博客園中使用SyntaxHighlighter 3.0.83的案例，非常實(shí)用，這里推薦給大家。
2015-01-01
一篇文章讓你輕松記住js的隱式轉(zhuǎn)化
這篇文章主要給大家介紹了如何通過(guò)一篇文章讓你輕松記住js的隱式轉(zhuǎn)化的相關(guān)資料,通過(guò)在各種情況下發(fā)生的隱式類(lèi)型的例子,來(lái)詳細(xì)的了解隱式類(lèi)型轉(zhuǎn)換的過(guò)程,需要的朋友可以參考下
2022-01-01
JS控制輸入框內(nèi)字符串長(zhǎng)度
這篇文章主要介紹了JS控制輸入框內(nèi)字符串長(zhǎng)度,需要的朋友可以參考下
2014-05-05
js正則test匹配的踩坑及解決
這篇文章主要為大家介紹了正則test匹配的踩坑示例講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
使用layui的layer組件做彈出層的例子
今天小編就為大家分享一篇使用layui的layer組件做彈出層的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JS實(shí)現(xiàn)一鍵回頂功能示例代碼
一鍵回頂功能想必大家在瀏覽網(wǎng)頁(yè)時(shí)會(huì)經(jīng)常遇到吧，實(shí)現(xiàn)的方法也有很多，在本文為大家介紹下js是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下
2013-10-10