關于鼠標移入和點擊事件為什么不沖突問題
<div?class="clickMe"?id="clickMe">猜猜我有啥?<a?href="javascrip:void(0);"?id="closeBtn"></a></div>
這個a標簽被放置到 clickMe中,那么下面點擊a標簽不是也算鼠標移入到了clickMe中么,不是也應該算觸發了鼠標移入事件么,為什么還能隱藏showPic呢
?window.onload?=?function(){ ????????????var?TipBox?=?document.getElementById("tipCon"); ????????????var?ClickMe?=?document.getElementById("clickMe"); ????????????var?showPic?=?document.getElementById("showPic"); ????????????var?closeBtn?=?document.getElementById("closeBtn"); ????????????ClickMe.onmouseover?=?function(){ ????????????????console.info("clicme"); ????????????????showPic.style.display?=?'block'; ????????????????closeBtn.style.display?=?'block'; ????????????} ????????????closeBtn.onclick?=?function(){ ????????????????console.info("clic"); ????????????????showPic.style.display?=?'none'; ????????????????closeBtn.style.display?=?'none'; ????????????} ????????}
另外我將tipCon設置了高以后點擊關閉按鈕就沒有用了,這是什么原因?
.tipCon{height:200px;position:fixed;background:#efefef;color:#000;font-size:16px;text-align:center;bottom:0;right:0;}
2016-11-24
當鼠標移入到“關閉”按鈕區域時會觸發onmouseover事件,然后執行console.info("clicme");語句。(我測試了一下就是這樣的)。
onmouseover 事件的特性是“當鼠標經過父元素里的每一個子元素”觸發;
建議:你可以看一下http://www.xianlaiwan.cn/learn/120課程里的第二章第一節