JQuery 鼠标事件简介

Posted 2020-08-08 前端问题记录

mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，mouseout事件于用户把鼠标移出一个元素时触发。
　　下面为你详细介绍下jquery中的鼠标事件：
　　(1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发；　　
　　$(‘p‘).click(function(){
　　alert(‘click function is running
　　!‘);
　　});
　　(2):dblclick：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用；　　
　　$(‘p‘).dblclick(function(){
　　alert(‘dblclick function is running
　　!‘);
　　});　　
　　(3):mousedown事件：mousedown事件在用户敲击鼠标键时触发，跟keydown事件不一样，该事件仅在按下鼠标时触发；　　
　　$(‘p‘).mousedown(function(){
　　alert(‘mousedown function is
　　running !‘);
　　});
　　(4):mouseup事件：mouseup事件在用户松开鼠标时触发，如果在与按下鼠标的元素相同元素上松开，那么click事件也会触发；　　
　　$(‘p‘).mouseup(function(){
　　alert(‘mouseup function is running
　　!‘);
　　}).click(function(){
　　alert(‘click
　　function is running too !‘);
　　});　　
　　(5):mouseover事件：mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，如果需要知道来自那个元素可以使用，relatedTagrget属性；
　　(6):mouseout事件：mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上，或者使用键盘跳到元素上。