關於span標簽的 onmouseover 怪問題


 <span class="menu" id="menu2" onmouseover="show(2);">生產工藝</span> 
頁面上這樣寫的如果不點擊 一直是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


引用 4 樓  的回復:
點擊后你做了什么事情。貼出代碼才能證明。

我這里面沒有對點擊事件處理,現在是鼠標放上去頁面上有些地方樣式變化
如果不點擊,mouseover事件正常,但是一旦點擊 鼠標懸停事件就不激發了

#7


激發了啊。你用什么瀏覽器測的。

#8


測試了。。沒遇到

#9


點擊過之后還能激發 mouseover?????????

#10


引用 7 樓  的回復:
激發了啊。你用什么瀏覽器測的。

用的是ie8
我這邊點擊過之后 鼠標再放上去就沒反應了

#11


頁面上還有其它js文件的引用,我把他們刪掉就沒事了
郁悶搞了一個多小時
謝謝大家!

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com