如圖,我是在一個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
提交
取消