14 06 2009

点击别处 保持焦点

bigCat Posted in JavaScript - Comment.isBlank
玉伯出的题\r\nsunyanzimm总结

\r\n

保持焦点:\r\nYUI版:\r\nvar Y = YAHOO, Dom = Y.util.Dom, Event = Y.util.Event;\r\nvar u = Dom.get('test-input'),\r\nr = Dom.get('test-region');\r\n// 因为YUI特殊的事件模型,需要返回值的地方,不能用Event.on的方式\r\nr.onmousedown = function() {\r\nreturn false;\r\n};\r\nEvent.on(r, 'mouseenter', function() {\r\nu.onbeforedeactivate = function() {\r\nwindow.event.returnValue = false;\r\n};\r\n}\r\n);\r\nEvent.on(r, 'mouseleave', function() {\r\nu.onbeforedeactivate = function() {\r\nwindow.event.returnValut = true;\r\n};\r\n}\r\n);

\r\n

Native版:\r\nvar get = function(id) { return document.getElementById(id); };\r\nvar u = get('test-input'),\r\nr = get('test-region');\r\n// W3C\r\nr.onmousedown = function() {\r\nreturn false;\r\n};\r\n// IE only\r\nr.onmouseenter = function() {\r\nu.onbeforedeactivate = function() {\r\nwindow.event.returnValue = false;\r\n};\r\n};\r\nr.onmouseleave = function() {\r\nu.onbeforedactivate = function() {\r\nwindow.event.returnValue = true;\r\n};\r\n};

\r\n

JQ版:\r\n$("#test-region").mousedown(function(){\r\nreturn false;\r\n}).hover(function(){\r\n$("#test-input")[0].onbeforedeactivate = function() {\r\nwindow.event.returnValue = false;\r\n}},function(){\r\n$("#test-input")[0].onbeforedeactivate = function() {\r\nwindow.event.returnValue = true;\r\n}\r\n});

Host: (miao) | Word: Press | Code: HTML5