14
06
2009
点击别处 保持焦点
bigCat Posted in JavaScript - 0 Comment玉伯出的题
sunyanzimm总结
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;
};
}
);
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;
};
};
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;
}
});
$("#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;
}
});