首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js onmouseout事件,该怎么处理

2012-08-27 
js onmouseout事件HTML codeul idlayer_city_001001001 onmouseoutShowLayer.HideCity(this)li

js onmouseout事件

HTML code
<ul id="layer_city_001001001" onmouseout="ShowLayer.HideCity(this);"><li class="more"><input type="checkbox" value="001001001001" class="catalogChk"><a href="javascript:void(0);">市辖区</a></li><li class="more"><input type="checkbox" value="001001001002" class="catalogChk"><a href="javascript:void(0);">县</a></li></ul>

JScript code
            ShowLayer.HideCity = function (city_id) {                $(city_id).attr("style", $(city_id).attr("style") + ";" + "display:none");            }


我这功能是当鼠标移出ul后会触发HideCity事件,隐藏当前的ul控件,可是有个问题就是ul中有li和input还有a标签这些元素,当鼠标移到ul中的某个元素也会触发HideCity事件,问有没有什么方法就是当鼠标离开ul控件触发事件(在ul控件中的某个元素不会触发)

[解决办法]
ul里的元素也是ul控件的一部分,这样的效果也是正常的,没必要改吧。
[解决办法]
用mouseleave事件就OK了

热点排行