当
用户移动
鼠标光标或使用任何鼠标按钮时触发鼠标事件,下面是对jQuery鼠标事件的
系统介绍。
(1)单击事件:当用户敲击元素中鼠标左键并松开同一元素上的左键时,单击事件触发。
$('p')。Click(function(){)
警报(点击
功能运行!;
}
);
(2):dbclick事件:事件的dbclick用户完成快速
连续两点击后触发,以及
双击速度取决于
操作系统的
设置。一般双击事件是不
经常使用的页面。
$('p')。Dbclick(function(){)
警报('dbclick功能运行!;
}
);
(3):MouseDown事件:MouseDown事件被触发时,用户将鼠标按钮,不像KeyDown事件,这是引发只有当鼠标按下。
$('p')。Mousedown(function(){)
警报('mousedown功能运行!;
}
);
(4):MouseUp事件:MouseUp事件触发当用户松开鼠标。如果它被释放到与鼠标按下元素相同的元素上,则单击事件将触发。
$('p')。Mouseup(function(){)
警报('mouseup功能运行!;
}Click(
函数(){)
警报(点击功能运行过!;
}
);
(5):mouseover事件触发mouseover事件:当用户将鼠标从一个到另一个。如果我们需要知道relatedtagrget
属性可以从元素中使用。
(6):mouseout事件:mouseout事件触发时,用户将鼠标从一个元素,包括从父元素的子元素,或者用
键盘跳到元。
(5)和(6)这两个事件通常不常用,而且很难与用户交互,也就是说,不容易捕获用户事件。
(7):MouseEnter事件:的MouseEnter事件被触发时,光标进入元。
$('p')。Mouseenter(function(){)
警报('mouseenter功能运行!;
}
);
(8):mouseleaver事件:事件触发的mouseleaver当用户的光标离开元。
$('p')。Mouseleave(function(){)
警报('mouseleave功能运行!;
}
);
(7)和(8)这两个事件通常被使用,而在jQuery中,悬停的功能可以用来代替这两个函数。
$('p')。Hover(function(){)
警报('mouseenter功能运行!;
}函数(){()
警报('mouseleaver功能运行!;
}
);
希望本文能帮助您
学习jQuery。