$(function(){
$('#outer1')
.bind('mouseover',report)
.bind('mouseout',report);
$('#outer2').hover(report,report);
});
jQuery封装好了 hover( over, out ) 。用这个可以解决在区域内移动还是会触发mouseout事件的情况。。。
$("a").click(function(event) {
alert("Current mouse position: " + event.pageX + ", " + event.pageY );
获取元素在页面中的位置。。。
15. 新事件! focusIn 与 focusOut
如前所述,现在部署 focus 和 blur 事件时,你需要使用 focusin 和 focusout 这两个新事件。这两个事件帮助你在特定元素或者该元素的子元素 获取/失去 焦点时采取行动。复制内容到剪贴板
代码:
jQuery('form')
.focusin(function(){
jQuery(this).addClass('focused');
});
.focusout(function(){
jQuery(this).removeClass('focused');
});
值得说明的是,这两个事件不会传播开来(即所谓的“冒泡”),它们会被捕获住。也就是说,外部元素(父辈)会在作孽的“目标”元素
(causal "target" element)之前被触发。。。