Posts Tagged ‘focus’

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});
5 06 2009

背投广告代码

bigCat Posted in JavaScript - 1 Comment
\r\n\r\n背投广告代码 by 驿飞: http://www.planabc.net/2008/03/05/ad_back_pop/\r\n\r\n对于背投广告的原理来说并没有什么难度,无非打开的窗口失去焦点(blur),而原来页面得到焦点(focus)。但对于流行的浏览器来说,如果非用户行为的弹出窗口(即 onload 时,直接window.open ),会被浏览器默认拦截。\r\n\r\n背投广告,既然被称为广告,那如何才能让广告主的钱花得实在,花得乐意呢?\r\n\r\n我们可以增加判断,如果该弹出窗口被浏览器拦截,则只要用户点击页面就触发 window.open 事件,这样一般不会拦截,浏览器会认为这是用户的默认行为。\r\n\r\n代码可编写如下:\r\n
var $E = YAHOO.util.Event;\r\nvar adPopup;\r\nvar popAd = function(sURL,sName,sFeatures,bReplace) {\r\n        if (adPopup) return;\r\n        if(sName == undefined) {\r\n                sName = '_blank';\r\n        };\r\n        if(sFeatures == undefined) {\r\n                sFeatures = '';\r\n        };\r\n        if(bReplace == undefined) {\r\n                bReplace = false;\r\n        };\r\n\r\n        adPopup = window.open(sURL,sTarget,sFeatures,bReplace);\r\n        adPopup.blur();\r\n        adPopup.opener.focus();\r\n        $E.removeListener(document.body, 'click', arguments.callee);\r\n}\r\n\r\ntry {\r\n        popAd();\r\n} catch (e) {\r\n        $E.on(document.body, 'click', popAd);\r\n}

\r\n当然如果用户浏览器安装了拦截插件,那很有可能不会弹出(比如 Firefox 的 nsocript 插件,就不允许任何弹出窗)。方法不是绝对的,也不是最好的,只是用最少的时间来做最效率的事情。\r\n\r\nPS:可以通过模拟 form 提交的方式来弹出窗口,穿越性(相对于一般拦截弹窗的插件)很好,不过无法设置 sFeatures 参数内容

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