鼠标悬浮移出控制div的显示与隐藏

　　当鼠标悬浮在某一个触发div显示的元素上时，通常JS为：οnmοuseοver="javascript:showAlertInfo(ShowID);"

当鼠标从div上移出时我们希望隐藏已经显示的div，通常JS为：onmouseout ="javascript:hideAlertInfo(HideID);"。

这样做当然能控制div的显示与隐藏，但是当div里面包含其它元素时，隐藏功能就不能正常控制div的隐藏。当鼠标焦点停留在div包含的其它元素上时，div已经隐藏了，与我们预期的结果显然不符。我们要的结果是当鼠标移出div时，div才隐藏。那么就要将onmouseout事件改为onmouseleave事件,JS为：οnmοuseleave="javascript:hideAlertInfo(HideID);"。当鼠标停留在div上或者停留在包含的元素上时都不会将div隐藏。

　　出现这种情况的原因是：对于onmouseout事件，浏览器会把div和div里面包含的元素看成不同的对象，在鼠标在不同对象之间移动是会触发onmouseout事件，所以整个div会被

鼠标悬浮移出控制div的显示与隐藏相关推荐

jquery控制div的显示与隐藏
使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明. $("#id").show()表示display:block, $("#id ...
原生js设置div隐藏或者显示_用js控制div的显示与隐藏
功能介绍:要实现一个div的显示与隐藏,方法有很多,这里记录下一个简单的js效果,用js来控制div的显示与隐藏,示例代码如下: js显示隐藏层 function showdiv(targetid,o ...
css中实现div的显示和隐藏
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白: style="visibility: none;" document.getElementByI ...
jquery控制css的display(控制元素的显示与隐藏)
使用jquery控制div的显示与隐藏: $("#div的id").show()表示display:block, $("#div的id").hide()表示di ...
前端设置div的显示与隐藏
jQuery设置div的显示与隐藏两种方式: 1.隐藏后释放占用的页面空间通过设置display属性可以使div隐藏后释放占用的页面空间 $("#demo").attr(&qu ...
在css中怎么显示隐藏div,css中实现div的显示和隐藏
div的visibility能够控制div的显示和隐藏,可是隐藏后页面显示空白: style="visibility: none;" document.getElementById ...
angularjs ng-click传参控制ng-repeat元素显示与隐藏
ng-click传参控制ng-repeat元素显示与隐藏说明: 1.使用ng-repeat显示参数 2.通过ng-click按钮显示或隐藏内容.通过添加shows和id两个参数控制显示. <! ...
Vue.js学习之路（五）控制页面元素显示和隐藏
在HTML中国我们通常是直接使用display的属性值,来控制元素的显示与隐藏,在vue中就主要通过两种方式v-if和v-show 两者都是通过对引号中的值或者表达式进行true或false进行判断实 ...
TIA博途WinCC PRO中通过脚本控制图层的显示和隐藏
TIA 博途WinCC PRO中通过脚本控制图层的显示和隐藏 WinCC Professional 项目中,可以使用脚本来控制画面上某个层的隐藏和显示,一旦设置该层隐藏,那么层中的对象也将隐藏,显示同 ...

鼠标悬浮移出控制div的显示与隐藏

鼠标悬浮移出控制div的显示与隐藏

鼠标悬浮移出控制div的显示与隐藏相关推荐

最新文章

热门文章