日期:2014-05-16  浏览次数:20297 次

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了