亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于鼠標移入和點擊事件為什么不沖突問題

<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;}


正在回答

1 回答

當鼠標移入到“關閉”按鈕區域時會觸發onmouseover事件,然后執行console.info("clicme");語句。(我測試了一下就是這樣的)。

onmouseover 事件的特性是“當鼠標經過父元素里的每一個子元素”觸發;

建議:你可以看一下http://www.xianlaiwan.cn/learn/120課程里的第二章第一節

0 回復 有任何疑惑可以回復我~
#1

天之殤 提問者

非常感謝!
2016-11-25 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁廣告特效
  • 參與學習       40172    人
  • 解答問題       132    個

原來這么EASY,從淺到深,逐步優化代碼,讓你深入理解

進入課程

關于鼠標移入和點擊事件為什么不沖突問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號