【文章推薦】實現某元素以外區域點擊事件隱藏該元素

實現思路解析判斷元素區域外和區域內判斷元素是顯示狀態 dom.is :hidden dom.is.is :visible 具體應用為下拉框或彈框點擊區域外任意點隱藏代碼實現 ...

2019-06-10 17:29 0 566 推薦指數：

場景運用，數據表格自定義下拉選擇框的隱藏 ...

<body style="text-align:center;"> 　　<input type="text" style="width:200px;height:30px ...

文章來源：百度知道我的思路是給body綁定一個click事件，然后判斷當前鼠標點擊的區域是當前元素還是元素以外區域，如果點擊對象不是當前元素，則隱藏該元素。假設對象的id為divBtn，則代碼如下： $( 'body' ).bind( 'click ...

html jq 以下是我的方法，更簡單 html ...

辦法一：第一，先實現點擊任何地方都隱藏該元素(假設id="bar")$(document).click(function(){$("#bar").hide();}); 第二，點擊特定元素不隱藏那么bar也屬於document，點擊bar也會讓自己隱藏，顯然這不是想要的，這時候要阻止冒泡 ...

比如想實現點擊列表彈出篩選器，點擊其他任意地方關閉篩選器，如圖該篩選器class名首先點擊document任意位置隱藏該元素，然后給該元素綁定click事件，阻止冒泡到該元素，則可以順利實現需求。 ...

...

...