首頁 > web前端 > js教程 > jQuery:mousemove事件的使用與定義

jQuery:mousemove事件的使用與定義

黄舟
發布: 2017-06-28 10:21:51
原創
1862 人瀏覽過

概述

在每一個符合元素的mousemove事件中綁定一個處理函數。

mousemove 事件透過滑鼠在元素上移動來觸發。 事件處理函數會被傳遞一個變數-事件對象,其.clientX 和.clientY 屬性代表滑鼠的座標

##參數

fnFunctionV1 .0

在每一個符合元素的mousemove事件中綁定的處理函數。

[data],fn

String,FunctionV1.4.3

data:mousemove([Data], fn) 可傳入data供函數fn處理。

fn:在每一個符合元素的mousemove事件中綁定的處理函數。

範例

描述:

取得滑鼠指標在頁面中的位置:

jQuery 程式碼:

$(document).mousemove(function(e){ $("span").text(e.pageX + ", " + e.pageY); });
登入後複製

實例

取得滑鼠指標在頁面中的位置:

$(document).mousemove(function(e){
  $("span").text(e.pageX + ", " + e.pageY);
});
登入後複製

定義和用法

當滑鼠指標在指定的元素中移動時,就會發生mousemove 事件。

mousemove() 方法觸發 mousemove 事件,或規定發生 mousemove 事件時執行的函數。

注意:使用者把滑鼠移動一個像素,就會發生一次 mousemove 事件。處理所有 mousemove 事件會耗費系統資源。請謹慎使用該事件。

觸發 mousemove 事件

語法

$(selector).mousemove()
登入後複製

新增函數到 mousemove 事件:

 $(selector).mousemove(function)
登入後複製

參數                 規定 mousemove 事件觸發時運行的函數。    

#

以上是jQuery:mousemove事件的使用與定義的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板