Posts Tagged ‘jquery’

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;
}
});
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)。

$('ul>li>div').bind("mouseenter",function(){})代替$(...).mouseover();

$('ul>li>div').bind("mouseleave",function(){})代替$(...).mouseout();

因为bind方法可以屏蔽浏览器的一些事件冒泡行为。

这样,就不会出现刚刚所说的mouseover,mouseout错误触发的问题。

另外,ie支持mouseenter,mouseleave事件,firefox等不支持,但通过jquery的这种方式后,所有浏览器均支持上面的语法

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