jQuery鼠标事件详细介绍

 时间:2024-10-13 14:20:03

1、当鼠标指针进入页面被选元素时,mouseenter 事件被触发。下面的示例代码是当鼠标进入页面中的段落时,其背景颜色变成黄色。具体代码如下:

jQuery鼠标事件详细介绍

2、当我们将鼠标移到段落上以后,背景变成黄色,效果如下图所示:

jQuery鼠标事件详细介绍

3、当鼠标指针离开页面被选元素时,mouseleave 事件被触发。正如上面的示例代码,当鼠标离开时,背景颜色变成灰色。

jQuery鼠标事件详细介绍

4、脚本运行后的效果如下,当鼠标离开页面段落时,背景颜色为灰色。

jQuery鼠标事件详细介绍

5、hover方法定义当鼠标指针悬停页面元素上时执行的函数。示例代码如下:

jQuery鼠标事件详细介绍

6、当鼠标指针移动到元素上方,并按下鼠标按键时,mousedown 事件被触发。

jQuery鼠标事件详细介绍

7、运行脚本,在段落上点击鼠标,效果如下:

jQuery鼠标事件详细介绍
  • 声学相机的应用
  • MinGW在windows 7系统下环境的搭建
  • windows完美运行PSP游戏 刀剑神域:无限瞬间
  • 固定利率与LPR如何二选一,换成LPR更好吗?
  • 最犀利的瘦腿方法,7天变身美腿公主
  • 热门搜索
    煎鸡蛋的做法 炸蘑菇的做法 扁桃体发炎怎么办最简单的方法 过油肉的做法 酱牛肉的做法最正宗的做法 白菜怎么做好吃 花呗怎么还款 宸怎么读 姝怎么读 东坡肉的做法