数码资讯
鼠标事件摘要
鼠标移动鼠标光标或使用任何鼠标按钮时触发鼠标事件。 1、单击事件:单击鼠标左键触发 $('p')。Click(function(){ }); 实例: $('p')。Click(function(){) 警报(点击功能运行!; }); 2、dbclick事件:由一个快速和连续两点击触发 $('p')。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
鼠标移动鼠标光标或使用任何鼠标按钮时触发鼠标事件。
1、单击事件:单击鼠标左键触发
$('p')。Click(function(){ });
实例:
$('p')。Click(function(){)
警报(点击功能运行!;
});
2、dbclick事件:由一个快速和连续两点击触发
$('p')。Dbclick(function(){ });
实例:
$(按钮)。Dblclick(function(){)
$(p)。SlideToggle();
});
3、MouseDown事件:触发时,按下鼠标
$('p')。Mousedown(function(){ });
样品
$(按钮)。Mousedown(function(){)
$(p)。SlideToggle();
});
4、MouseUp事件:当鼠标松开扳机
$('p')。Mouseup(function(){ });
实例:
$(按钮)。Mouseup(function(){)
$(p)。SlideToggle();
});
5、mouseover事件:鼠标时触发一个元素从一个元素移到另一个
mouseout事件:当鼠标移出触发单元
$('p')。Mouseover(function(){ });
$('p')。Mouseout(function(){ });
实例:
$(p)。Mouseover(function(){)
$(p)。Css(背景颜色
});
$(p)。Mouseout(function(){)
$(p)。Css(背景颜色
});
6、MouseEnter事件:触发时,鼠标移动到元素
MouseLeave事件:当鼠标移出触发单元
$('p')。Mouseenter(function(){ });
$('p')。Mouseleave(function(){ });
样品
$(p)。Mouseenter(function(){)
$(p)。Css(背景颜色
});
$(p)。Mouseleave(function(){)
$(p)。Css(背景颜色
});
7、悬停事件
$('p')。Hover(
函数(){ },
函数(){ }
);
样品
$(。table_list TR(Hover)。
函数(){
$(这)。AddClass(悬停);
},
函数(){
$(这)。RemoveClass(悬停);
}
);
8、切换事件:鼠标单击切换事件
$('p')。Toggle(
函数(){ },
函数(){ }
);
样品
$(p)。Toggle(
函数(){
Css(背景颜色)
函数(){
Css(背景颜色)
函数(){
Css(背景颜色)
);
1、单击事件:单击鼠标左键触发
$('p')。Click(function(){ });
实例:
$('p')。Click(function(){)
警报(点击功能运行!;
});
2、dbclick事件:由一个快速和连续两点击触发
$('p')。Dbclick(function(){ });
实例:
$(按钮)。Dblclick(function(){)
$(p)。SlideToggle();
});
3、MouseDown事件:触发时,按下鼠标
$('p')。Mousedown(function(){ });
样品
$(按钮)。Mousedown(function(){)
$(p)。SlideToggle();
});
4、MouseUp事件:当鼠标松开扳机
$('p')。Mouseup(function(){ });
实例:
$(按钮)。Mouseup(function(){)
$(p)。SlideToggle();
});
5、mouseover事件:鼠标时触发一个元素从一个元素移到另一个
mouseout事件:当鼠标移出触发单元
$('p')。Mouseover(function(){ });
$('p')。Mouseout(function(){ });
实例:
$(p)。Mouseover(function(){)
$(p)。Css(背景颜色
});
$(p)。Mouseout(function(){)
$(p)。Css(背景颜色
});
6、MouseEnter事件:触发时,鼠标移动到元素
MouseLeave事件:当鼠标移出触发单元
$('p')。Mouseenter(function(){ });
$('p')。Mouseleave(function(){ });
样品
$(p)。Mouseenter(function(){)
$(p)。Css(背景颜色
});
$(p)。Mouseleave(function(){)
$(p)。Css(背景颜色
});
7、悬停事件
$('p')。Hover(
函数(){ },
函数(){ }
);
样品
$(。table_list TR(Hover)。
函数(){
$(这)。AddClass(悬停);
},
函数(){
$(这)。RemoveClass(悬停);
}
);
8、切换事件:鼠标单击切换事件
$('p')。Toggle(
函数(){ },
函数(){ }
);
样品
$(p)。Toggle(
函数(){
Css(背景颜色)
函数(){
Css(背景颜色)
函数(){
Css(背景颜色)
);
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。