{"id":142,"date":"2010-08-27T12:11:31","date_gmt":"2010-08-27T04:11:31","guid":{"rendered":"http:\/\/zduo.me\/blog\/?p=142"},"modified":"2010-08-27T12:11:31","modified_gmt":"2010-08-27T04:11:31","slug":"js%e4%b8%adonmouseout%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"http:\/\/zduo.me\/blog\/?p=142","title":{"rendered":"js\u4e2donmouseout\u95ee\u9898"},"content":{"rendered":"<p>js\u7684onmouseout\u6709\u5f88\u5947\u602a\u7684\u4e00\u4e2a\u95ee\u9898\u3002\u4f8b\u5982<\/p>\n<pre lang='html'>\r\n<div onmouseout=\"alert(123)\">\r\n<a href=\"#\">test<\/a>\r\n<\/div>\r\n<\/pre>\n<p>\u6211\u4eec\u9884\u671f\u53ea\u6709\u5f53\u9f20\u6807\u4ecediv\u4e2d\u79fb\u5f00\u7684\u65f6\u5019\u624d\u4f1a\u89e6\u53d1onmouseout\u4e8b\u4ef6\uff0c\u53ef\u662f\uff0c\u4e8b\u5b9e\u4e0a\uff0c\u5f53\u6211\u4eec\u79fb\u5230div\u4e2d\u7684\u5143\u7d20\u65f6\uff0c\u4f8b\u5982\u672c\u4f8b\u4e2d\u7684a\u6807\u7b7e\u65f6\uff0c\u5c31\u4f1a\u89e6\u53d1onmousout\u4e8b\u4ef6\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u79fb\u5230\u5bf9\u8c61\u7684\u5b50\u5bf9\u8c61\u4e0a\uff0c\u4e5f\u7b97onmouseout\u4e86\u3002\u8fd9\u5f80\u5f80\u4f1a\u8ba9\u6211\u4eec\u9884\u671f\u7684\u6548\u679c\u8fbe\u4e0d\u5230\u3002\u4e0b\u9762\u662f\u4e00\u79cd\u89e3\u51b3\u65b9\u6cd5\uff0c\u517c\u5bb9IE\u548cFF\u3002<\/p>\n<pre lang='html'>\r\n<script type=\"text\/javascript\">\r\nfunction test(obj, e) {\r\nif (e.currentTarget) {\r\n   if (e.relatedTarget != obj) {\r\n    if (obj != e.relatedTarget.parentNode) {\r\n     alert(1);\r\n    }\r\n   }\r\n} else {\r\n   if (e.toElement != obj) {\r\n    if (obj != e.toElement.parentNode) {\r\n     alert(1);\r\n    }\r\n   }\r\n}\r\n}\r\n<\/script>\r\n<div onmouseout=\"test(this, event)\" style=\"width:100px;height:100px;border:1px #666 solid\">\r\n<span style=\"margin:5px;width:100%;height:100%;border:1px #ff0000 solid\">faddsf<\/span>\r\n<\/div>\r\n\r\n<\/pre>\n<p>\u53e6\u5916\uff0cJQ\u4e2d\u5173\u4e8e\u8fd9\u4e2a\u95ee\u9898,\u5df2\u7ecf\u6709\u4e86\u4e00\u4e2a\u597d\u7684\u89e3\u51b3\u529e\u6cd5\u4e86.jquery\u4e2d\u5b9a\u4e49\u4e86\u4e00\u79cd\u4e8b\u4ef6\u53eb\u505a&#8221;mouseleave&#8221;,\u7528\u8fd9\u4e2a\u4e8b\u4ef6\u505a\u4e8b\u4ef6\u53e5\u67c4\u7684\u8bdd,\u5c31\u53ef\u4ee5\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u3002\u5177\u4f53\u4f7f\u7528\u65b9\u6cd5\u53ef\u4ee5\u53c2\u8003\u8fd9\u91cc  http:\/\/www.w3school.com.cn\/jquery\/event_mouseleave.asp<\/p>\n","protected":false},"excerpt":{"rendered":"<p>js\u7684onmouseout\u6709\u5f88\u5947\u602a\u7684\u4e00\u4e2a\u95ee\u9898\u3002\u4f8b\u5982 test \u6211\u4eec\u9884\u671f\u53ea\u6709\u5f53\u9f20\u6807\u4ecediv\u4e2d\u79fb\u5f00\u7684\u65f6\u5019\u624d\u4f1a\u89e6\u53d1onmouseout\u4e8b\u4ef6\uff0c\u53ef\u662f\uff0c\u4e8b\u5b9e\u4e0a\uff0c\u5f53\u6211\u4eec\u79fb\u5230div\u4e2d\u7684\u5143\u7d20\u65f6\uff0c\u4f8b\u5982\u672c\u4f8b\u4e2d\u7684a\u6807\u7b7e\u65f6\uff0c\u5c31\u4f1a\u89e6\u53d1onmousout\u4e8b\u4ef6\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u79fb\u5230\u5bf9\u8c61\u7684\u5b50\u5bf9\u8c61\u4e0a\uff0c\u4e5f\u7b97onmouseout\u4e86\u3002\u8fd9\u5f80\u5f80\u4f1a\u8ba9\u6211\u4eec\u9884\u671f\u7684\u6548\u679c\u8fbe\u4e0d\u5230\u3002\u4e0b\u9762\u662f\u4e00\u79cd\u89e3\u51b3\u65b9\u6cd5\uff0c\u517c\u5bb9IE\u548cFF\u3002 faddsf \u53e6\u5916\uff0cJQ\u4e2d\u5173\u4e8e\u8fd9\u4e2a\u95ee\u9898,\u5df2\u7ecf\u6709\u4e86\u4e00\u4e2a\u597d\u7684\u89e3\u51b3\u529e\u6cd5\u4e86.jquery\u4e2d\u5b9a\u4e49\u4e86\u4e00\u79cd\u4e8b\u4ef6\u53eb\u505a&#8221;mouseleave&#8221;,\u7528\u8fd9\u4e2a\u4e8b\u4ef6\u505a\u4e8b\u4ef6\u53e5\u67c4\u7684\u8bdd,\u5c31\u53ef\u4ee5\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u3002\u5177\u4f53\u4f7f\u7528\u65b9\u6cd5\u53ef\u4ee5\u53c2\u8003\u8fd9\u91cc http:\/\/www.w3school.com.cn\/jquery\/event_mouseleave.asp<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[15,49,48],"_links":{"self":[{"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=\/wp\/v2\/posts\/142"}],"collection":[{"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=142"}],"version-history":[{"count":4,"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=\/wp\/v2\/posts\/142\/revisions"}],"predecessor-version":[{"id":146,"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=\/wp\/v2\/posts\/142\/revisions\/146"}],"wp:attachment":[{"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=142"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zduo.me\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}