Posts Tagged ‘jquery’

14 06 2009

点击别处 保持焦点

bigCat Posted in JavaScript - 0 Comment
玉伯出的题\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});
21 05 2009

jsonp再次请求script的src

bigCat Posted in JavaScript - 0 Comment

jquery源码,src/ajax.js, 250行 - 280行

24 04 2009

mouseout mouseover的冒泡问题及解决方法

bigCat Posted in JavaScript - 0 Comment

使用jquery中的bind方法(jquery的版本至少要1.2.2)。\n\n$('ul>li>div').bind("mouseenter",function(){})代替$(...).mouseover();\n\n$('ul>li>div').bind("mouseleave",function(){})代替$(...).mouseout();\n\n因为bind方法可以屏蔽浏览器的一些事件冒泡行为。\n\n这样,就不会出现刚刚所说的mouseover,mouseout错误触发的问题。\n\n另外,ie支持mouseenter,mouseleave事件,firefox等不支持,但通过jquery的这种方式后,所有浏览器均支持上面的语法

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