Localstorage 本地存儲幾個方法 點擊以外隱藏

 

<button onclick="showModal()">顯示彈窗</button>

<div id="myModal">
    <p>這是彈窗內容</p>
	<span id="asd">
		asdas
	</span>	
</div>

<script>
    // 獲取彈窗和按鈕
    var modal = document.getElementById('myModal');
    var btn = document.querySelector('button');
    // 當按鈕被點擊時顯示彈窗
    function showModal() {
        modal.style.display = 'block';
        // 點擊彈窗外的地方隱藏彈窗
        window.addEventListener('click', function(event) {
			// modal.contains(event.target) 是否是他的子孫			
            if (!modal.contains(event.target) && event.target !== btn) {
                modal.style.display = 'none';
            }
        });
    }
</script>