diff --git a/index.html b/index.html index 0c89767..42ea9cd 100644 --- a/index.html +++ b/index.html @@ -216,12 +216,11 @@ //事件委托就是利用事件冒泡特性,给父元素绑定事件 //parent.contains(child) 判断是否是某个节点的子节点 //e.target 触发事件的源节点 - let preview = document.querySelector('.img-preview'); // 预览 - preview.onclick = function(e){ + document.querySelector('.img-preview').onclick = function(e){ e = window.event || e; let parentApp = document.getElementById('img'); if(!parentApp.contains(e.target)){ - preview.style.display = 'none'; + document.querySelector('.img-preview').style.display = 'none'; } } @@ -480,7 +479,7 @@ // 预览 bigImg() { - preview.style.display = 'flex'; + document.querySelector('.img-preview').style.display = 'flex'; }, submit() {