如圖,我是在一個input上增加了一個i標簽的圖案要求是鼠標移動到輸入框上時,i標簽從隱藏變為顯示但是在使用mouseover 和mouseout,鼠標移動到輸入框上時確實能顯示i標簽,但是移動到i標簽上時,判斷觸發mouseout,i標簽消失,但是我實際需要的是移出輸入框才觸發mouseout,請問這個該怎么處理
2 回答
搖曳的薔薇
TA貢獻1793條經驗 獲得超6個贊
你應該把mouseover和mouseout事件綁定到input的父元素上(沒有的話就加一個),這個元素包含input和i標簽,這樣當鼠標在這個父元素的范圍內移動時,i標簽都不會消失了。
拉莫斯之舞
TA貢獻1820條經驗 獲得超10個贊
<script> window.onload=function(){ var divs = document.getElementsByTagName("div"); for(var i=0;i<divs.length;i++){ ee[i].onmouseover=function(){ alert("ok!");} } } </script> 1、 <div> <div></div> </div> 如果div是這樣布局的下面的div也會觸發事件; 2、 <div style="float:left;"></div> <div></div> 如果是這樣布局 只觸發最上面的div事件;
添加回答
舉報
0/150
提交
取消
