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>