js 禁止冒泡點選頁面空白處,隱藏特定的div

阿新 • • 發佈：2019-01-20

<!doctype html>
<html>
    <head>
        <title>demo</title>
        <style type="text/css">
            .main { position:relative}
            #btn { border:none;cursor:pointer;background:#ccc }
            .layer { position:absolute;height:30px;width:50px;background:#4cff00;display:none }
        </style>
        <script>
            window.onload = function () {
                function stopPropagation(e) {
                    if (e.stopPropagation) {
                        e.stopPropagation();
                    } else {
                        e.cancelBubble = false;
                    }
                }
                var btn = document.getElementById("btn");
                var layer = document.getElementById("layer");
                btn.onclick = function (e) {
                   
                    layer.style.display = "block";
                    layer.style.left = "10px";
                    layer.style.top = "50px";
                    stopPropagation(e);
                    
                 
                }
                window.onclick = function (e) {
                    layer.style.display = "none";
                }
            }
        </script>
    </head>
    <body>
        <div class="main">
            <input  id="btn" type="button" value="點選"/>
            <div class="layer" id="layer">

            </div>
        </div>
    </body>
</html>

js 禁止冒泡點選頁面空白處,隱藏特定的div

<!doctype html> <html> <head> <title>demo</title>

Bootstrap 模態框在點選頁面空白處關閉

近期在使用bootstrap-dialog外掛，在使用時發現通過modal('show')顯示的對話方塊可以在點選頁面空白處關閉，也就是不是模態對話方塊，這不是預期的效果，搜尋之後發現只需進行下面設定

點選tableView空白處隱藏鍵盤

1.點選tableView空白處隱藏鍵盤 UITapGestureRecognizer *tableViewGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector

js如何實現點選一個按鈕顯示一個div，然後該div上有一個按鈕，點選此按鈕後隱藏，隱藏的同時顯示另外一個div，而在次彈出的div也有一個按鈕，點選後隱藏.

<button id="btn1" onclick="btn1()">報名</button> <div id="div1" style="background:#999999; display:none;"> <button id=

jquery實現點選頁面空白處，彈框消失

如何實現點選頁面空白處使彈框消失？最近做專案，需要實現一個效果，就是“下拉框”或者彈框展開/顯示之後，並不選擇其中一個下拉選項，點選頁面空白處，就使下拉框或者彈框收起/隱藏。如果是select標

滑鼠點選頁面的其它地方div自動隱藏

（一）加入關閉按鈕只要再加一個onclick 時間就行了，turnoff（‘ ’）裡的引數可以改變。程式碼如下<html> <meta charset="gbk"> <head> <script> var hide=fun

原生JS實現點選一個按鈕顯示一個div，再點選按鈕div隱藏，或點選除div外其它空白處div隱藏

<!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js點選按鈕顯示再點選空白地方隱藏</title> <style type="text/css"&g

js或jquery實現點選某個按鈕或元素顯示div,點選頁面其他任何地方隱藏div

點選某個元素顯示div,點選頁面其他任何地方隱藏div，可用javascript和jquery兩種方法實現：一：javascript實現方法技巧 <script> //定義stopPropagation 方法的使用，該方法將停止事件的傳播，阻止它被分派到其他 Document 節點。

js/jq 點選按鈕顯示div,點選頁面其他任何地方隱藏div

整個複製可看效果 1. JS效果 <!DOCTYPE html> <html> <head> <meta http-equiv="Content

js 點選按鈕出現，點選其他地方隱藏

//點選所有地方，#bky會隱藏 $(document).click(function(){ $("#bky").hide(); }); //點選 #zcgl_bky 會顯示 #bky $("#zcgl_bky").click(function(event)

hexo的next主題部落格中加入分類頁面的js，實現多級目錄，並且能夠點選展開，隱藏下級目錄~（不知道算不算深度優化~~~）

多級標題在自己的xxxx.md檔案中做如下修改： categories: - 搗蛋鬼 - mac 新建catogery_js.js(名字無所謂) 加入自己的js 我這裡是下面這樣的 function category_js () { $("&

1.angular html+css+js導航條點選樣式修改，加跳轉頁面

1.html頁面程式碼如下： <div class="main-menu" id="L1" (click)="Tab(1)" style="color:#3bb9e2;"> 主頁 </div> <div class="main-menu

zbb20181214 js,html 點選頁面出現遊走文字富強民主民主

點選頁面，UINavigationController導航欄的隱藏和顯示

在iphone的照片庫中，顯示照片列表中，導航欄可以自動顯示和隱藏。許多應用中也用到了導航欄中的隱藏和顯示，實現效果如下圖：點選頁面，導航欄隱藏：下面是具體的實現過程。首先建立工程，iphone.navta. 然後開啟MainWindow.xib 新增UINavi

js實現滑鼠點選獲取相對於整個頁面的位置

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head>

jQuery點選頁面其他部分隱藏下拉選單

一、開發小要點 web頁面中，我們一般不用select、option來實現下拉選單效果，因為下拉框的樣式醜且難以美化，所以我們選擇控制ul顯示隱藏來實現同樣且高大上的效果，但是不能像下拉框那樣點選頁面其他部分，下拉選單收起或隱藏，該怎麼辦呢？只能用js這老大哥來控制了。二、程式碼 HT

一些簡單的js技術實現點選的js隱藏顯示

首先這是一個js的方法然後獲取模組的屬性根據模組的屬性設定隱藏和顯示 function showoopenordown(){ var oDiv=document.getElementById('drop');var oH2=oDiv.getEleme

js控制文字字數，並能點選顯示和隱藏

很多時候，你不用考慮文字字數的問題，因為和你多地方，如資料庫、後臺控制；都會限制文字字數，但有時候，比如：你的老闆說，我們現在要做一個簡單的主題介紹單頁，還是要適用於web手機端的；那麼你就有可能會用到以下這段js了，不是特別的複雜，不過一定是實用的。我寫的很粗糙，大神

按home鍵，再次點選頁面按鈕，回到退出頁面

第一步：去除application中的 android:launchMode=“singleTask” 第二步：然後新增：android:alwaysRetainTaskState=“true” （作用：是否保持原來的狀態。當我們按HOME鍵返回桌面,"true"表示任務棧的狀

問題描述：滑鼠右鍵點選桌面空白處不反應或者反應很慢右鍵點選圖示沒有問題

問題描述：滑鼠右鍵點選桌面空白處不反應或者反應很慢右鍵點選圖示沒有問題問題出現原因：intel主機板驅動問題，昨天刪掉一些驅動之後出現問題了解決問題：桌面按右鍵反應慢，通常都是顯示卡驅動程式惹的禍,最簡單的辦法就是:開始--執行--.執行regsvr32 /u igfxpph.dll (有的電腦

js 禁止冒泡 點選頁面空白處,隱藏特定的div

相關推薦

js 禁止冒泡點選頁面空白處,隱藏特定的div