11.10

function stopPropagation(e) {
e.stopPropagation();//阻止事件冒泡事件
e.preventDefault();//阻止默认行为
return false;

}

1.mouseout([[data],fn])
概述
当鼠标指针从元素上移开时,发生 mouseout 事件。
该事件大多数时候会与 mouseover 事件一起使用。
注释:与 mouseleave 事件不同,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。请看下面例子的演示。
参数


fnFunctionV1.0

在每一个匹配元素的mouseout事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:mouseout([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的mouseout事件中绑定的处理函数。

jQuery 代码:
$("p").mouseout(function(){
$("p").css("background-color","#E9E9E4");
});

2.mouseover([[data],fn])
概述
当鼠标指针位于元素上方时,会发生 mouseover 事件。
该事件大多数时候会与 mouseout 事件一起使用。
注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。请看下面例子的演示

参数


fnFunctionV1.0

在每一个匹配元素的mouseover事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:mouseover([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的mouseover事件中绑定的处理函数。

描述:

当鼠标指针位于元素上方时时,改变元素的背景色:

jQuery 代码:
$("p").mouseover(function(){
$("p").css("background-color","yellow");
});

 

posted @ 2021-11-10 11:17  詹小生  阅读(71)  评论(0)    收藏  举报