mousemove()方法触发mousemove事件,或附加一个函数以在发生mousemove事件时运行。
当鼠标指针移到所选元素上时,将发生mousemove事件。
您可能会认为mousemove,mouseenter和mouseover事件是相同的,但它们不是:
mouseenter-仅在鼠标指针进入元素时调用
mousemove-当鼠标指针移到元素上时调用
mouseover-当鼠标指针进入元素及其子元素时调用(请参见下面的示例)
触发选定元素的mousemove事件:
$(selector).mousemove()
将函数附加到mousemove事件:
$(selector).mousemove(function)
当mousemove事件触发时显示随机数:
$("div").mousemove(function(){
$(this).text(Math.random());
});
测试看看‹/›获取鼠标指针在页面中的位置:
$(document).mousemove(function(event){
$("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});
测试看看‹/›当mousemove事件触发时更改背景颜色:
$("div").mousemove(function(){
$(this).css("background", randColor());
});
// 生成随机颜色函数
function randColor() {
return 'rgb(' + Math.floor(Math.random()*256) + ',' + Math.floor(Math.random()*256) +
',' + Math.floor(Math.random()*256) + ')';
}
测试看看‹/›此示例演示mousemove,mouseenter和mouseover之间的区别:
参数 | 描述 |
---|---|
function | 每次mousemove事件触发时执行的函数 |