国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js下關于onmouseout、事件冒泡的問題經(jīng)驗小結

2019-11-21 00:03:07
字體:
來源:轉載
供稿:網(wǎng)友
問題是這樣的:一個div元素要觸發(fā)onmouseout事件,同時這個div內(nèi)部還有子元素,于是當鼠標移動到該div的子元素上時,onmouseout事件也被觸發(fā)了。在要做浮動層效果的時候會經(jīng)常遇到這個問題。
解決方法一:
使用jQuery,這個大家都會的:
復制代碼 代碼如下:

<div id="div1">觸發(fā)顯示浮動層</div>
<div id="div2">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<script>
$("#div1").mouseover(function(){
$("#div2").show();
$("#div2").bind("mouseleave",function(){
$(this).hide();
});//此句需要寫在觸發(fā)浮動層的函數(shù)內(nèi)
};);
</script>

解決辦法二:
利用onmousemove事件優(yōu)先的辦法,來防止在子元素中觸發(fā)onmouseout:
復制代碼 代碼如下:

<div id="div1" onmouseover="document.getElementById('div2').style.display='block';">觸發(fā)顯示浮動層</div>
<div id="div2" onmousemove='this.style.display="";' onmouseout='this.style.display="none";'>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 廊坊市| 德安县| 崇阳县| 富阳市| 娱乐| 乌审旗| 黄平县| 方山县| 淮阳县| 连江县| 南川市| 青河县| 开封市| 永新县| 漳州市| 涟水县| 都昌县| 奇台县| 瑞丽市| 凤凰县| 兰溪市| 堆龙德庆县| 若羌县| 莱州市| 贺州市| 霍林郭勒市| 兴化市| 驻马店市| 泾川县| 乐亭县| 乌海市| 泽普县| 布尔津县| 永寿县| 盐源县| 胶州市| 南江县| 沁水县| 宁晋县| 砀山县| 许昌县|