關於span標簽的 onmouseover 怪問題
<span class="menu" id="menu2" onmouseover="show(2);">生產工藝</span>
頁面上這樣寫的如果不點擊 一直是mouseover 或者mouseout 可以實現效果
但是如果在span標簽上點擊一下 然后鼠標再移上去 好像就沒有效果了
不知道有沒有人遇到過?
我這里面沒有對點擊事件處理，現在是鼠標放上去頁面上有些地方樣式變化
如果不點擊，mouseover事件正常，但是一旦點擊 鼠標懸停事件就不激發了
用的是ie8
我這邊點擊過之后 鼠標再放上去就沒反應了
頁面上這樣寫的如果不點擊 一直是mouseover 或者mouseout 可以實現效果
但是如果在span標簽上點擊一下 然后鼠標再移上去 好像就沒有效果了
不知道有沒有人遇到過?
11 个解决方案
#1
沒人遇到過?
#2
給的代碼太少了，估計看看是不是冒泡了。檢查一下。
#3
冒泡？能不能說的詳細一點？
#4
點擊后你做了什么事情。貼出代碼才能證明。
#5
頁面代碼是這樣的
<div class="proMenu">
<span class="currentMenu" id="menu1" onclick="show(1);" onmouseover="show(1);">產品特點</span>
<span class="menu" id="menu2" onmouseover="show(2);">生產工藝</span>
<span class="menu" id="menu3" onmouseover="show(3);">產品參數</span>
<span class="menu" id="menu4" onmouseover="show(4);">特別介紹</span>
<span id="menu5" class="menu" onmouseover="show(5);">溫馨提示</span>
</div>
<div class="proIntroduce">
<span id="introduce1" style=" display:block"><asp:Literal ID="LiteralCharacter" runat="server"></asp:Literal></span>
<span id="introduce2"><asp:Literal ID="LiteralArt" runat="server"></asp:Literal></span>
<span id="introduce3"><asp:Literal ID="LiteralPara" runat="server"></asp:Literal></span>
<span id="introduce4"><asp:Literal ID="LiteralIntro" runat="server"></asp:Literal></span>
<span id="introduce5"><asp:Literal ID="LiteralTip" runat="server"></asp:Literal></span>
</div>
function show(id){
alert("鼠標懸停");
for(var i=1;i<6;i++){
if(i==id){
document.getElementById("menu"+i).className="currentMenu";
}else{
document.getElementById("menu"+i).className="menu";
}
}
for(var i=1;i<6;i++){
if(i==id){
document.getElementById("introduce"+i).style.display="block";
}else{
document.getElementById("introduce"+i).style.display="none";
}
}
}
#6
我這里面沒有對點擊事件處理，現在是鼠標放上去頁面上有些地方樣式變化
如果不點擊，mouseover事件正常，但是一旦點擊 鼠標懸停事件就不激發了
#7
激發了啊。你用什么瀏覽器測的。
#8
測試了。。沒遇到
#9
點擊過之后還能激發 mouseover?????????
#10
用的是ie8
我這邊點擊過之后 鼠標再放上去就沒反應了
#11
頁面上還有其它js文件的引用，我把他們刪掉就沒事了
郁悶搞了一個多小時
謝謝大家！
郁悶搞了一個多小時
謝謝大家！
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。