鼠标事件摘要

鼠标事件摘要
用户移动鼠标光标或使用任何鼠标按钮时触发鼠标事件,下面是对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。

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部