首頁猿問該如何將mouseover...

該如何將mouseover 兩個div疊在一起呢，有什么好的辦法么？

JQuery Vue.js

墨色風(fēng)雨 2021-06-09 10:07:35

如圖，我是在一個input上增加了一個i標簽的圖案要求是鼠標移動到輸入框上時，i標簽從隱藏變?yōu)轱@示但是在使用mouseover 和mouseout，鼠標移動到輸入框上時確實能顯示i標簽，但是移動到i標簽上時，判斷觸發(fā)mouseout，i標簽消失，但是我實際需要的是移出輸入框才觸發(fā)mouseout，請問這個該怎么處理

查看完整描述

2 回答

搖曳的薔薇

TA貢獻1793條經(jīng)驗獲得超6個贊

你應(yīng)該把mouseover和mouseout事件綁定到input的父元素上（沒有的話就加一個），這個元素包含input和i標簽，這樣當鼠標在這個父元素的范圍內(nèi)移動時，i標簽都不會消失了。

反對回復(fù) 2021-06-14

拉莫斯之舞

TA貢獻1820條經(jīng)驗獲得超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也會觸發(fā)事件； 2、 <div style="float:left;"></div> <div></div> 如果是這樣布局只觸發(fā)最上面的div事件；