Posts Tagged ‘focus’

14 06 2009

点击别处 保持焦点

bigCat Posted in JavaScript - 0 Comment
玉伯出的题
sunyanzimm总结
保持焦点:
YUI版:
var Y = YAHOO, Dom = Y.util.Dom, Event = Y.util.Event;
var u = Dom.get('test-input'),
r = Dom.get('test-region');
// 因为YUI特殊的事件模型,需要返回值的地方,不能用Event.on的方式
r.onmousedown = function() {
return false;
};
Event.on(r, 'mouseenter', function() {
u.onbeforedeactivate = function() {
window.event.returnValue = false;
};
}
);
Event.on(r, 'mouseleave', function() {
u.onbeforedeactivate = function() {
window.event.returnValut = true;
};
}
);
Native版:
var get = function(id) { return document.getElementById(id); };
var u = get('test-input'),
r = get('test-region');
// W3C
r.onmousedown = function() {
return false;
};
// IE only
r.onmouseenter = function() {
u.onbeforedeactivate = function() {
window.event.returnValue = false;
};
};
r.onmouseleave = function() {
u.onbeforedactivate = function() {
window.event.returnValue = true;
};
};
JQ版:
$("#test-region").mousedown(function(){
return false;
}).hover(function(){
$("#test-input")[0].onbeforedeactivate = function() {
window.event.returnValue = false;
}},function(){
$("#test-input")[0].onbeforedeactivate = function() {
window.event.returnValue = true;
}
});

Tag after , ,

5 06 2009

背投广告代码

bigCat Posted in JavaScript - 1 Comment

背投广告代码 by 驿飞: http://www.planabc.net/2008/03/05/ad_back_pop/

对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即 onload 时，直接window.open ），会被浏览器默认拦截。

背投广告，既然被称为广告，那如何才能让广告主的钱花得实在，花得乐意呢？

我们可以增加判断，如果该弹出窗口被浏览器拦截，则只要用户点击页面就触发 window.open 事件，这样一般不会拦截，浏览器会认为这是用户的默认行为。

代码可编写如下：

var $E = YAHOO.util.Event;
var adPopup;
var popAd = function(sURL,sName,sFeatures,bReplace) {
        if (adPopup) return;
        if(sName == undefined) {
                sName = '_blank';
        };
        if(sFeatures == undefined) {
                sFeatures = '';
        };
        if(bReplace == undefined) {
                bReplace = false;
        };

        adPopup = window.open(sURL,sTarget,sFeatures,bReplace);
        adPopup.blur();
        adPopup.opener.focus();
        $E.removeListener(document.body, 'click', arguments.callee);
}

try {
        popAd();
} catch (e) {
        $E.on(document.body, 'click', popAd);
}

当然如果用户浏览器安装了拦截插件，那很有可能不会弹出（比如 Firefox 的 nsocript 插件，就不允许任何弹出窗）。方法不是绝对的，也不是最好的，只是用最少的时间来做最效率的事情。

PS：可以通过模拟 form 提交的方式来弹出窗口，穿越性（相对于一般拦截弹窗的插件）很好，不过无法设置 sFeatures 参数内容

Tag after , ,

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